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

仅随机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）减少不必要的界面。 3）尽量...

原图

修改后

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

原图

修改后

整体渲染的氛围不够强烈，且模块间区分度可以增强。在设计时，需要充分考虑元素间相互的关系，现版本背景和人物的关系区分度不是很足，原图前置人物分辨率不太够，显得有些...

原图

修改后

想的太多，是好事。但是在设计里，太多的风格出现，会让整体显得凌乱。这个作品就有这样的问题，简单看缩略图，我们都能发现其实有4种风格的存在。主要表现在颜色的使用上...