相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

7个投机取巧的UI设计方法,让你的设计与众不同

张强发布于:2018-11-22 09:57 |原作者: 阿董董|
张强
辽宁省 葫芦岛市 GUI设计师
发私信 + 关注
简介: 任何一个新手设计师,刚开始做设计的时候,总会遇到一些设计雷区,当做视觉决策的时候,不知道该怎么去让自己的画面再提升一个层次,让画面看起来更丰富。

那么我们可以尝试这用7个投机取巧的方法,来提升你设计画面的丰富感和层级关系。 ... ... ...


05

不需要给他每一个按钮都加上颜色


7个投机取巧的UI设计方法,让你的设计与众不同 飞特网 设计理论

当用户可以在页面执行多个操作的时候,这时候需要添加一些引导性的设计在界面中,也就是将希望用户操作的按钮高亮起来,不希望用户操作的弱化下去即可,这样可以激发用户的点击欲。

控件设计是一个非常重要的部分,有一个常见的重要维度:层次结构。

最希望用户按的:高亮,应该与背景形成强烈的对比度

次重要的:应该设计清楚,但不需要突出,使用轮廓样式较低对比度的背景色色更好的选择

三级控件:应该是可以让用户控件,但并不需要引人注目

06

垂直阴影


7个投机取巧的UI设计方法,让你的设计与众不同 飞特网 设计理论

当我们做卡片需要做一个投影效果的时候,不使用较大的模糊来使框阴影更明显,而是让淡淡的投影垂直偏移

这样看起来效果会更加自然,因为这样的做是模拟了一个真实光效,从上面照射下来的效果,就犹如我们的太阳是再顶上照下来一样,使的效果更真实,更自然

如果你有兴趣了解更多关于阴影再设计的用法,你可以关注我,后期会推出一篇关于阴影再设计中的应用的文章。

07

请不要将灰色的字体放在彩色的背景上面

7个投机取巧的UI设计方法,让你的设计与众不同 飞特网 设计理论

灰色的字体放在白色的背景背景上面的时候,效果是非常棒的,但如果把灰色的字体放在彩色的背景上面的话,结果却不尽人意。

那是因为将灰色的放在白色的背景上面的时候,会使他们的对比度降低,从而看起来画面更简洁,更干净。

但如果把灰色放在彩色背景上面的是时候,视觉感官上面会少一些比较亮的颜色,这样显得画面不干净,稍微有点脏。

我们应该尝试着将文字让他更接近背景的颜色,这样更有利于创建画面的层级关系,而不是直接将灰色的文字放入有颜色的背景上。

当我们使用彩色的背景的时候,可以尝试这两种方法:

降低白色字体的不透明度

使用白色的字体,然后把白色文字的不透明度稍微降低,这样子可以稍微把彩色的背景透人白色字体,这种做法可以有效的让文字很好的与背景看起来更协调。

7个投机取巧的UI设计方法,让你的设计与众不同 飞特网 设计理论

挑选基于背景颜色更明亮的颜色

当背景是彩色或者有淡淡的低温的时候,如果仅仅是将白色文字降低不透明度的话,会使文本的感觉变得有点太苍白无力,

那么我们可以尝试讲文本的颜色改成与背景色相同的颜色,然后调整文字的饱和度与明度。

7个投机取巧的UI设计方法,让你的设计与众不同 飞特网 设计理论

最后总结一下,学设计,一定是一个持之以恒的事,多练多看多想这才是学习设计最快的进步方法!!

这次分享就到这里,各位加油!真好!

好看的人都会给个赞

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

123
27

好评
18

差评

刚表态过的朋友 (45 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

张强
辽宁省 葫芦岛市 GUI设计师
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计