总监带你学电商web网页UI设计！实战教学！干货分享！

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

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

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

改版前：

版面存在的问题：

1.人物形象处理过于粗糙，人物投影不符合真实物理情况

2.页面缺少颜色，配色显得油腻

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

4.logo和导航距离过近，显得左侧头部空间很紧张

5.版面底部段落文字缺乏设计感，属于典型的被动设计

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

7.整个画面元素布局较为分散，视觉重点不明显，且被弱化

改版后：

教程更多视频案例效果展示：

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

Powered by Froala Editor