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

仅随机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）整体统一...

原图

修改后

整体上没有太多的问题，如果你眯着眼睛看，发现不了什么问题。但是放大看，总觉得哪里很怪。我将其称为局部不统一，或者局部突兀。突兀的来源很多种，很重要的一点是，没有...

原图

修改后

对于信息复杂且多的内容，优先需要考虑是将信息的层级处理好。譬如哪个标题是最重要，其次是什么。切勿大家都是处于同等重要的位置。这样做，只会将信息处理得更混乱，造成...