栎工坊网页制作-米田的天空的点评批改-学汇网

仅随机30名当天登陆用户，享此福利
有效期24小时，后券失效

注：本活动是实实在在的优惠，每天只随机抽取30名当天注册的新用户，获得此特权，不多一个名额。
· 此券仅适用于开通vip会员 · 此券有效期24小时，错过不再有 · 本活动根据运营情况随时终止

仅随机30名当天登陆用户，享此福利
有效期24小时，后券失效

注：本活动每天只随机抽取30名登陆用户，获得此特权，总共限量500名，每人只有一次机会。
· 此券有效期仅24小时，错过不再有 · 此券仅适用于开通vip会员 · 本活动根据运营情况可能会提前终止

那个男人

2017-12-12 提问

老师您好，仰慕已久。我主要是碰到了一下问题：（1）在制作网页的时对于网页交互的体验不够了解，往往是做的很平。（2）优秀网页应该具备那几点呢？来证明一个网页作品。（3）网页在制作过程中对于后台优化的问题怎么尽量做到最好，本人略懂代码，在平时学习中经常听到在制作网页的时候要考虑到后台优化问题。

点击图片查看大图

米田的天空

网页交互／界面视觉／品牌设计

2017-12-16 回答

设计选图感觉很赞，版式有自己的思考。但是摆放有些失控，因为没有利用到基础网格的功能。回答3个疑问1）交互体验，这类型的网页可以尝试用视察滚动处理 2）优秀网页整体统一，每个模块都自己细节，包括视觉和交互细节。 3）根据程序员的思维制作源文件，最直观的就是图层的命名。还有每个模块图片比例尺寸的问题，尽量做到一致。

那如何改进呢？
1）利用网格栅格系统，规范整体设计
2）图层编组要有逻辑规范
3）视觉平衡，每个画面处理都应该是感觉是平衡

小提示：
对于栅格系统，我们利用到PS参考辅助线插件神器GuideGuide。
他能根据画布，画板，所选图层或您的选择添加辅助线，快速生成满足不同场景的参考线。

课程时长：38分05秒 VIP会员399元/年立即开通开通会员可学习本站所有视频课程会员权益介绍

附件下载1 24.95 MB 附件下载2 11.38 MB 附件下载3 43.29 MB

原图

修改后

整体上没有关注系统，特别是配色体系。举个简单的例子，如果从标志出发，我们得出色彩体系是黄黑灰，基本我们的配色都应该以此打造。即大面积的色彩不宜用其他颜色。所以在...

原图

修改后

视觉看下来，主要是对整体氛围把握不佳，且没有画面重点。调整方向都是要塑造一个视觉焦点，并以此为主线配置不同的文字。 1）利用黄金分割塑造网格系统 2）把...

原图

修改后

整体作品大感觉没有问题，但是仔细看，会发现问题可能出在画面的横向实在太多了。大的模块是横向、标题是横向、小装饰图形也是横向，当全部东西都变成横向时，容易产生视觉...

原图

修改后

整体不太统一，就是所谓的过度设计，其实缩减下素材，效果会好很多。 1）调整品牌元素，添加圆形在整体设计中的穿插关系。 2）减少不必要的界面。 3）尽量...