设计小技巧汇总,教你做出优秀设计 干货满满

浏览:13 作者: 来源: 时间:2025-05-22 分类:
Luke列出了手机中最容易接触和使用的区域至少对于右手作为惯用手的人来说,其实我希望看到应用中有一个设置,可以让用户从右手界面切换到左手界面

1. 对比度不能太小

背景与内容之间的对比度应该足够适合阅读,以免引起眼睛疲劳。通常,白色背景下的黑色文本是最容易读的,尽量不要用浅灰色,黄色和绿色的文字。如果你自己做完设计稿,不得不眯着眼睛才能看清,那就肯定是有问题了。

v2-f9f10c49f1ef96939f153a3499b2b92d_1440w


2. 深灰色比黑色要更容易阅读

如果可以选择,推荐使用#333333 RGB(51,51,51)而不是纯黑色作为文字内容。纯黑色配上白色背景会让眼睛产生视觉抖动,让文字难以聚焦。

v2-702b4b561a5fd41149f9fa380c209b56_1440w


3. 核心内容要突出

首页的布局尤为重要,应该要清楚的显示应用的主要功能。核心内容应该是显而易见的,而不需要通过缩放,滚动或点击等操作才能知晓。

v2-523daddb1acb49009b6b3b0c8405a9e8_1440w

让我们一起来看看市面上把视觉层次结构做的比较好的例子吧。

Instagram (下图中的左边) 核心功能是希望用户上传照片/视频;Pinterest (下图中的右边) 的核心功能是发现和搜索灵感图片,所以把搜索放在了顶部最显著的位置。

v2-5a603d52634a49cedc02cfb361443b28_1440w

4、控制好各个元素的间距

v2-c60e3ea6b58112cbb3ddf6daaf5ba820_1440w

“Respect”这个词的字间距被压缩,从而让整个单词显得更有凝聚力。排版中,各种元素间距需要根据实际情况来调整,内容多的时候可以适当收紧,少的时候可以适当放松。间距大小都需要兼顾到基本的可读性,分太开和离太近都很难让人阅读。

5、不要害怕放大

v2-683d052a4a61614453aed917fce2c2cb_1440w

将字体、形状等需要强调的内容放大。在这个案例中,用Releway 字体来呈现“Scale”这个词,因为这个字体更加敦实、清晰,放大后看起来体积感十足。

6、注意干净、明快、清晰

v2-98b96c1bd8dc2d2cd2262f9ea7eb773c_1440w

通过提升文字内容和背景图片之间的明暗对比来提升可读性。通常使用纯黑和纯白的文字可以更为便捷地实现这一点。

7、打造舒适的设计

关于舒适的手势体位确实是一个需要注意到的问题

Luke列出了手机中最容易接触和使用的区域(至少对于右手作为惯用手的人来说),其实我希望看到应用中有一个设置,可以让用户从右手界面切换到左手界面。

大部分的App都将导航和核心操作放在手机的底部三分之一处。

v2-7983f61362f88b39805fa7a9dd3c26ec_1440w

8、善用配色板

颜色的使用一门技术活。我强烈推荐你在Dribbble上搜索”Color Palettes“,或者使用Coolors( coolors.co/) 或者 Color Claim (
vanschneider.com/colors),会有惊喜!为自己省下反复纠结的时间。

v2-238d6b08bd518928b1d3a76f0504aee1_1440w

9、注意留白

v2-d44bebcbd721f7c95913375a9a3aaad7_1440w

留白会赋予设计中各种元素以足够的呼吸的空间,给用户以想象的空间。它让内容更加集中和易读,也不会因为凌乱而让用户分心。

10、先调研,再着手

v2-9f1fec3a279cc4198b2dc4a84f062660_1440w

在你动手开始设计之前,确保你掌握了所有的需求和全部的细节。调研、阅读、搜集素材。素材的搜集让你掌控足够多的事实和内容,而调研则会确保这个设计是深思熟虑之后的成果。

11、跳出来思考

v2-bb7cb1ad934fad855de9f749114e932a_1440w

最有创意的思考者总会跳出条条框框来看待这个世界的。不要用随处可见的图标来装点你的设计,也许一个全新的设计更能代表你的想法。