查看原文
其他

UI设计细节系列② | 让设计细节更高级的12个实用小技巧

彩云Sky 彩云译设计 2022-07-29
关注 ▲彩云译设计▲和7万设计精英,一起共同进步

这是彩云的第180篇分享


大家好,我是彩云。在做UI界面设计时,有时候看着设计出来的界面总觉得不大好,但又不知道问题出在哪,这里其实考验的就是设计观察力。资深设计师之所以强,往往就是强在观察力上,他们总察觉到你所看不到的细节问题。


观察力的提升也是来自于平时项目中的经验积累,为此,彩云围绕设计细节计划出一个系列文章,今天这篇文章是第二期,上一期的链接在这里《UI设计细节连载系列① | 让设计细节更高级的12个实用小技巧》,没看过的可以看看。感兴趣的同学保持关注,后续会有更多设计细节干货文章更新,保证看完就能用到自己的工作中。


在这篇文章中,我整理了一些小的设计技巧,来帮助你快速改进自己的设计。有时只需要一些小的调整,就能快速提高设计的品质。


1. 使用全小写英文让画面更有气质



图片上使用较粗的字体或开头大写有时候会显得过于正式。尝试在某些界面上使用小写或者比较细的字体,让画面看起来更加有气质。


2.使用粗细、大小和颜色来表达内容主次关系



设计文字内容时,没办法时时告诉用户哪个内容信息是主要的哪个是次要的,但可以通过调整字体粗细、大小、颜色,让我用户一眼就能分辨内容主次关系,避免阅读中出现任何混乱。(彩云注:要对比就要足够强,不要模棱两可。)


3.深色背景应加粗文字



在浅色背景使用深色文本时,有时可以选择较轻的字体粗细。但如果在深色背景使用浅色文字时,最好考虑把字体粗细稍微加粗一点,特别是长文本段落内容的,以提高文本的最佳可读性,避免使用户视觉疲劳。


4.选择能正确气质的字体



试着为呈现的内容选择合适的字体。用户是精明的,并且对内容气质会有直观感受。所以选择合适的字体很关键,能让用户获得对应气质的阅读体验。(彩云注:上图中的区别在于,左边的字体偏古典,而插画偏现代,所以右边就会更合适一些)


5.界面中的字体最好控制在2种以内



对于我来说,设计最好选择一种类型的字体。但如果项目需要,最好控制在两种字体以内,不要太多。对于没有经验设计师来说,页面使用多种字体视觉是很难把控的。所以建议最多使用2种字体类型,然后改变字体的粗细,大小,颜色,这样的设计会看起来更加统一协调。


6.字体全大写时,注意拉大字体间距



使用全大写的文字时,只要稍微拉大下字母间的间距,就能使字母间更加容易区分,单词更加容易阅读,提高用户的可阅读性,还能使大写字体视觉上更加美观。


7.设计元素风格保持一致性



无论是网站或APP设计都应该保持一致性,这也是设计的最基本的原则。比如布局、图标、颜色和按钮都要始终保持一致,减少用户混淆,提高用户体验。(彩云注:同一个界面中的元素样式应保持一致)


8.设计适当增大留白



设计界面适当使用留白不仅让界面看起来更加有空间感,主次分明,还能给人一种明朗、简洁的心理感受。想让设计视觉更加集中,有呼吸感,适当留白则是改进页面视觉最简单的方法之一。


9.设计开头段落样式,吸引用户



如果你处理的是长篇内容,比如博客文章,那么将读者吸引到内容中是很重要的。为了达到这个目的,开篇段落的外观和内容本身一样重要。可以简单调整下,如调整字体大小,行高,粗细和颜色,都可以改善第一印象。


10.长文本使用短段落设计



在处理长篇内容时,尽量保持段落简短有力,清晰呈现。确保用户在短时间内快速阅读内容信息。(彩云注:人的耐心很有限,尽量把长段落拆分,我自己写公众号文章时也会这样做,我给自己规定一个段落最长不超过5行,并一直执行这个标准。)


11.定好主色调,并在设计中保持一致性



怎样让用户界面看起来更专业?那就是从一开始就定义好主色调,并在整个设计中始终保持一致性。如果界面随机使用大量的颜色来设计,视觉效果只会让用户看起来很乱,分不清主次。


12.当使用8点网格系统时,图标布局要一致


当使用图标和 8pt 网格系统 时,你会发现大多数构建良好的图标集的图标都位于8的倍数框架内(即 16x16、24x24、32x32 等)。但在设计中我们常常很容易忽略这一原则。若想让你的设计图标在布局中保持一致性,最好确保你设计的任何图标都在8的倍数框内。


原文:https://uxdesign.cc/ui-ux-micro-tips-volume-three-d12709017d20

作者:Marc Andrew

译者:彩云Sky

本文翻译已获得作者的正式授权(授权截图如下)



如觉得有帮助,
请点个  在看    谢谢!



经常有设计师找彩云聊,说做设计很多年,职业发展遇到了瓶颈,感觉很迷茫,找不到方向。到底要怎样努力?怎样找到合适自己的职业方向?欢迎加入彩云的知识星球,除了分享我的日常思考和各种练习打卡以及每个月都会有的线上直播答疑,解答你的各种困惑,或许能帮到你。




最近准备和一些大厂朋友创建并开放彩云译设计读者8群,目前还有少量席位,可以添加彩云微信号『 caiyunyisheji1 』,备注『  彩云译设计读者  』加入!( PS:只面向星标了公众号彩云译设计的粉丝!)

点击公众号关注星标,每周获得设计知识

70000+ 设计师已⭐️星标



 

近期必读热门文章

来腾讯的第三年,我的13条职业思考,关于那些被最常问到的话题

2021年全网最好的样机资源都在这里,收藏这一篇就够了!

8个细节马上给作品集加分,offer拿的更容易

超全面!动效设计标准与规范

如何高效自学3D,鹅厂设计师分享他的经验

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存