1.本课【桌面端配色】了解如何配置页面,合理设计,明确思路。并掌握软件七大要素,第一要素【主色调】,具体如图所示。
2.【主色调】并不是覆盖登录全页面,背景起到装饰作用,举例【如图所示】。
3.软件要有自己恒定的【主色调】,【主色调】一般集中在按钮上,登录页面【分清主次】【背景永远是小弟】,以元素区分登录界面主次,ACBD为【主次】排布排序,元素划分,具体如图所示。
4.背景画面不用太过花哨,软件背景设计花哨是因为环境衬染,举例案例,钉钉登录页面,背景为虚化状态,具体如图所示。
5.案例设计细节,当用户输入账号密码之后,【登录按钮】为登录页面饱和度最高,背景搭配为清晨,登录界面元素似有云朵,软件图标类似翅膀,符合设计风格与设计形式,具体如图所示。
6.【主色调】的使用不应该用在全屏,而是放在关键点,例如各种图标】和文字,举例迅雷登录页面,具体如图所示。
7.第二要素【图标】,了解【图标】使用地点为登录页面关键点,以元素区分登录界面主次,左图ACBD为【主次】排布排序,元素划分具体如图所示,并了解案例页面设计细节,第一,设计师用意,用户最短的时间内注意到登录按钮,关注软件,第二,背景,具体如图所示。
8.右图案例BCAD为【主次】排布排序,元素划分具体如图所示,不要认为人的视线是从上往下,页面主次就是从上往下,这是思维误区,具体如图所示。
9.软件一定要有图标,【图标】加上之后要强调主次关系,【图标】要明确简洁,要结合项目功能内容思考,具体如图所示。
10.第三要素【元素对齐】,具体如图所示。
11.举例百度云登录页面,百度云大方向为左对齐,小部分为居中,具体如图所示。
12.第四要素【模块化】,将页面分为具体几个模块,把控主次关系,具体如图所示。
13.以元素区分登录界面主次,CBA案例为主次排序,举例QQ登录页面,【主色调】为蓝,具体如图所示。
14.第五要素【节奏与比例】,注意元素间比例和大小,例如案例黄色标尺为图标之间留出的距离,以及每个模块之间留出距离,左图为案例,中间图及右图为反例,具体如图所示。