当前位置:主页 > 界面设计 >

人人都可以是设计师:UIUX 小技巧大全 (四)

发布日期:2021-07-24 04:59   来源:未知   阅读:

  www.lpspix.com,编者按:用户对产品的体验来自直观感受。所以UI/UX往往对产品的成败有着直接的影响,糟糕的UI/UX体验会让强大的功能失去效力。

  但怎么才能提高UI/UX设计的效果呢?不一定需要你掌握丰富全面的设计知识,有时候一点点的小改变就能令设计大为改观。

  2个卡片设计样例。一个的形状、文本样式等均不匹配,另一个的形状、文本样式等是匹配的。

  在创作实用、易于理解且华丽的 UI 时,只需要做一点点的调整马上就可以改进设计。

  在这篇系列文章的第4篇中,我会给大家再带来6个容易实践的 UI 和 UX 小技巧。

  2个卡片设计样例。一个的形状、文本样式等均不匹配,另一个的形状、文本样式等是匹配的。

  我们希望在浏览网站或app时对方始终都能保持一致,对于设计来说这是需要遵循的一个基本原则。

  2个卡片设计示例。其中一个元素挤在一起,靠得太紧密了,另一个安排了更多的空白,营造出更好的空间设计。

  给设计留白是最简单的改进方法之一,立竿见影,会让你的作品更有呼吸感,看起来更精致。

  2个文本内容的样例。左边这个开头段落的样式跟其余部分内容的样式相同,右边这个开头段落的样式跟其余部分的样式不同。

  如果你要设计的是长格式的内容,比方说博客文章/文章的话,那么把读者吸引到内容这里就是必不可少的工作了。

  只需要进行简单的调整,比方说设置不一样的字体大小、行高、粗细或者颜色,就可以改善读者的第一印象。

  2个文本内容的样例。左边这个段落篇幅很冗长,右边这个则是把段落分解成了更小的段落。

  在处理长篇内容的时候,这是一种很实用的技巧,尽量让这些段落保持简短有力。

  尽可能以简短、清晰的段落呈现你的文案,这是一种很可靠的方式,能让用户更好地阅读和消化信息。

  2个卡片设计示例。一个由不同的撞色组成,另一个则更加优雅,运用了精致的色彩调色板。

  要从一开始就建立一个强大的颜色调色板,然后保持下去。这么做可以避免头痛的问题,并让整个设计增加一致性。

  使用图标和 8pt 网格系统时,你会发现大多数设计得好的图标集都会有能够放进长宽为8的倍数的框架里面的图标(也就是 1616、2424、3232 等)。

  否则的话,请确保插入到设计当中的任何图标都能够放进8pt 网格值(比如 2424)的容器里面。

  听到很多言论说在中国程序员是吃青春饭的,那么产品经理呢,也吃青春饭吗?

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、社群为一体,全方位服务产品人和运营人,成立9年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。香港“5G科技馆”在有名景点“天涯100”揭幕,平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。