网易大咖带你学电商web网页UI设计！实战教学！干货分享！

改版教程地址：https://www.bilibili.com/video/BV1kk4y1r78U/

该视频教程是由黑马老师总结提炼13年企业UI实战设计经验；通过分析小白临摹作品中所犯的设计错误进行改版优化设计。教程中详细讲解了图标icon绘制，web网格系统的搭建和运用，页面的黄金比例，网页设计中的点线面三元素的排布，元素间的层级关系与对齐关系，网站配色技巧，色彩心理学，设计心理学，图片的优化处理，通道抠图，web端的常用字体字号，以及不同风格网站的设计表达技法等经典常见的web设计知识点。教程遵循由浅入深，层层深入的系统教学方法让零基础设计学员能够快速全面的了解网页UI设计中的基本概念以及难点和重点，熟练掌握并能实际应用UI设计的设计流程和注意事项，增强企业实战设计能力。适合所有设计零基础学员，平面设计师，网页UI设计师，设计院校学生及设计爱好者。

完整视频教程及配套练习素材请添加QQ群：727749210获取！

改版前

版面存在的问题：

1.版面排版严重缺乏设计感

2.字体采用的衬线字体过于纤细，字体设计风格与版面和产品设计风格不符

3.没有遵照网页设计的基本排版规则，即网格系统，元素位置过于随意

4.车辆下方投影效果拙劣，视觉效果不符合真实物理规律

5.版面底部段落文字缺乏设计感，文字段落内部没有主次层级关系

6.主视觉图文部分对齐关系有问题

7.车身在版面中位置偏上，视觉上看起来发飘，不稳定

改版后

更多教程案例展示：

完整视频教程及配套练习素材请添加QQ群：727749210获取！

Powered by Froala Editor