广东快3>WIKI库>学习设计工具>优化设计细节

优化设计细节



主色调


由于整个登陆界面是以亮色为主,唯一能体现颜色的地方就是状态栏。用户登陆虽然有标题,但没背景。故添加背景。


UIdesign1.png

 


① 用圆角矩形画一个。

② 颜色选择,先选一个颜色。

广东快3③ 在直接选择工具下面对它进行调整,移动圆角。


UIdesign2.png

 


④ 考虑主色调,以蓝色为主,选比较的蓝色


UIdesign3.png

 

 

⑤ 输入框,颜色减淡,加描边。不断调整颜色。并调整大小和位置。


UIdesign4.png

 


⑥ 把用户名和密码放到框内,并调整颜色


UIdesign5.png

 


⑦ 调整logo位置,预留文字提示信息


UIdesign6.png

 


⑧ 调整登陆按钮高度,使用直接选择工具


UIdesign7.png

 


⑨ 忘记密码,体现链接的颜色——蓝色


UIdesign8.png

 


⑩ 调整记住用户名颜色需要考虑,选淡色。添加选择框。



细节处理


当前整个大的感觉已经出来,还有很多细节需要处理,首先我们要处理的就是关闭、缩小、选择框,因为我们整个框弹出层是比较小的,所以在细节上要精致,同时要从大的感觉上考虑风格,风格的话,采用简洁化的、扁平化的感觉。大量的留白可以实现简洁化,使用灰色搭配使用。可以看一些好的案例,他们设计时候用了哪些很好设计的表现形式。


1) 处理缩小、关闭按钮


① 首先建一个图层,画一个一致的效果,填充颜色。

② 画关闭按钮,需要用到铅笔工具,新建图层,先画一个,再复制一个并合成。


UIdesign1.png

 


③ 放上按钮,并画出区域,新建图层,用铅笔工具画一条出来。


UIdesign2.png

 


实际设计中,需要花几个小时来处理,要投入耐心还有很多细节,同时要考虑整个用户体验上和交互上的一些东西,如输入框的效果,也需要设计。整个界面设计风格要一个很清新的感觉同时配合一些细节,很多细节不可能一步到位,我们需要一点一点地区调整,同时我们要结合一些产品的人员做交互的需求。


2) 建议


广东快3尽量每一个图层还有他的功能区域可以用不同的颜色标识出来。这样很容易管理,条理清晰。都是作为设计师需要处理的。

广东快3小作业:按照登陆界面,自己设计一个小案例,参考一些案例,设计一个。


3) 总结


随着移动互联网和当前各种产品的告诉发展,这个时代对我们来说,影响很大,很多产品对工作生活的影响都非常大,登陆页面可以提升整个产品的品质,带来更良好的用户体验。很多互联网产品公司开始注重登陆页面的设计,因此学习这方面的知识对将来的工作生活还是很有帮助的。



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

分享到:

目录