当前位置:首页 >教程首页 > U I 设计 > UX高级设计师班 >你与优秀的UI设计师之间只差这几个小细节

你与优秀的UI设计师之间只差这几个小细节

发布时间:2021-08-25 10:05:31

你与优秀的UI设计师之间可能只差这么几个小细节。作为一个初级UI设计通常我们的关注点都会放在整体风格的把控,色彩的选择还有页面的规范性。而除了这些我们还需要注意的就是细节的表现。而这些细节恰恰是我们容易忽略的地方。掌控全局,把握细节,这才是一个优秀的UI设计师需要做到的。那么,今天我们就来聊聊细节表现。

一、统一性和一致性

设计语言的一致性能够使用户在熟悉的环境中进行操作。让产品给用户留下更深刻的印象。页面风格、配色、装饰元素、icon等都应该保持一致性。同时加强统一性和一致性的表现也是近一步加深用户对于品牌的印象。

1.webp.jpg

以想去APP为例,从启动图标到启动页面,再到首页的一级导航的icon,延续使用时尖头元素。在设计元素上统一性做得非常好。同时让用户对于这个元素印象深刻,从而到达加深品牌在用户心目中的印象。

除了装饰元素以外,在设计风格上也保持着统一的简约风,以黑白色调为主,无论是启动图标,或者功能页面,整体性非常强。

二、让每一个像素都清晰

你以为你在ps里绘制的矢量控件就是矢量吗?

放大后很多时候会发现有虚边的情况,我们必须要检查每一个控件的边缘,不要出现半像素的情况。首先在绘制矢量图形时尽可能保证偶数,同时避免多次缩放。同时我们还要记得勾选#对齐像素#并放大后检查。

2.webp.jpg

左侧圆角矩形在放大后垂直方向线条有很明显的虚边,右侧圆角矩形则是清晰的。当我们设计icon或矢量元素时也要做到每一条直线都是清晰可见的。

三、页面信息的层级关系

初级设计师最容易忽略的问题就是页面的层级表现,这直接导致用户在阅读信息和使用产品时体验感降低。

作为设计师,我们需要考虑所呈现的内容的优先级,通过大小、粗细啊、颜色、形式感的区分来体现。让用户先看到它最关注的信息,而不是让用户在海量信息里寻找有用的信息。

同时我们还需要考虑用户的交互习惯,例如按钮的设计就需要有点击感,识别度要高。

3.webp.jpg

当我们去对比前程无忧和智联招聘的页面时可以非常清晰的感受到信息层级带给用户的最直观的体验。很明显,智联招聘的信息层级划分更为清晰。用户可以非常快的从中得到自己最关注的信息。

而不需要在页面中停留太多时间去找寻自己需要的信息。通过文字的粗细变化,颜色变化,重点文字颜色的变化等方式把简单的文字内容划分清晰。

前程无忧的页面设计里,虽然也通过不同的形式划分也内容层级,但是很明显,层级没有拉开,微弱的层级变化很难让用户分辨信息内容。所以在处理细节时我们不仅要注意拉开层级,同时也要敢于使用高对比的形式去表现页面层级。

除了以上几点外,我们元素的对齐、分布、文字字体的统一等都是我们设计页面时需要注意的细节。做好这些是作为一个优秀的UI设计师的前提。优化细节,让细节中闪现出更多精彩,让我们设计的页面脱引而出。

作者:程莹

来源:视觉半径公众号

学员作品赏析
  • 1903学员阮捍、徐珂小组作品

    1903学员阮捍、徐珂小组作品

  • 1903学员周德志小组作品

    1903学员周德志小组作品

  • 1903学员周德志小组作品

    1903学员周德志小组作品

  • 1903学员王悦、王思琪小组作品

    1903学员王悦、王思琪小组作品

  • 1903学员王悦、王思琪小组作品

    1903学员王悦、王思琪小组作品

  • 1903期学员阮捍、徐珂小组作品

    1903期学员阮捍、徐珂小组作品

  • 1903期学员阮捍、徐珂小组作品

    1903期学员阮捍、徐珂小组作品

  • 1903期学员阮捍、徐珂小组作品

    1903期学员阮捍、徐珂小组作品

专业问题咨询

你担心的问题,火星帮你解答
  • 网页设计和电商美工什么区别

    很多同学在选择职业的时候常常不知道是选择网页设计还是选择电扇美工,其实二者还是有着很大的区别的,今天小编就和大家来聊一聊,在设......

  • 我是新手如何做电商美工设计

    通常来说,一个好的设计图由产品、背景、颜色、排版、感情几个因素组成。要如何把这几个因素巧妙地融合到一起,这既是技术问题,也是思......

  • 自学电脑插画有可能吗

    很多想要学习插画的小伙伴往往缺少的不是方法而是学习的方式,学习电脑插画并没有很难,大家应该积极培养自己的兴趣,今天小编就和大家......

  • 建筑装潢装修设计要学哪些

    学习室内设计要有着一定方法和技巧,如果只是两耳不闻窗外事,埋头苦读,那么在室内设计这一行业会越走越难,如果泛泛的学习大篇的理论......

  • 学室内设计前景还是首饰设计前景好

    又到了大家准备择业的时候,很多小伙伴对于自己的未来发展很是担忧,对于现在的就业情况来讲,是选择学习室内设计前景还是首饰设计好呢......

  • 专业绘画平板电脑排行

    因为绘画专业的特殊性,所以绘画平板的电脑要相对于其他电脑来说更加优秀,所以大家在挑选绘画平板笔记本电脑的时候,都非常注重比较和......

×