loading...
 
x
网页设计高级教程(上篇)
13.0小时 高级拓展 讲师:Gordan
细节:淘宝登录框比另外两个宽、充值等框有大小对比,通过大框抓住眼球,纯文字通过小图标/间距/加粗/颜色对比,让阅读更舒适
层级结构梳理,颜色深浅,合理使用小图标使内容更突出,标题突出(大图标吸引视角),内容层级关系,小图标达到优化、便捷。间距,文字大小,颜色区分
字体应用:儿童、青春类的、饱和度、明度、色相上需要高、亮;字体调性需要选择对,需要体现青春、时尚的感觉
中国风配色:红黑、红黄;女性配色、红色、粉红色、肤色;男性配色:黝黑、粗壮、豪放;科技类的:细、时尚、简洁
通过不同图层叠加,不同图层混合模式,降低不透明度;或照片滤镜,曲线等
内容排版:1、区分内容,2、重要的信息加强,3、弱化说明性的文字,4、背景色区分内容块,5、使用图标增加差异化
内容区块划分:尽量用偶数值 以100的宽度划分 从左对齐开始 以整格为主 留间距将整格内缩 。响应式:页面宽度会根据页面比例缩放时发生变化。
分割法:1. 宽:1000PX(根据平幕大小)10等分100宽度的格子,每隔100一个辅助线 高度没有限制 2.开始布局网页内容 (黄金比例:0.67)。
重要的字眼做多样化的处理,内容少时 可以加线条和字母,信息梳理,排列对比,针对重要信息文字进行加细节,拓展表现形式
处理中...