首页 » 互联网 » 做出好设计的10条干货技巧_放在_文字

做出好设计的10条干货技巧_放在_文字

落叶飘零 2025-01-10 03:23:55 0

扫一扫用手机浏览

文章目录 [+]

好的设计原则是可以很随意马虎被大众学习和实践的。
本文将先容一些设计技巧干系的根本知识,看完这些 ,说不定你本日就能用上!

如果你不愿定自己适不适宜做设计,请记住大神Dave Grohl关于学习新事物的意见:

做出好设计的10条干货技巧_放在_文字 互联网

我从未学过打鼓,也从未上过吉他课,我只是想做就去做了。
我认为,如果你对某件事充满激情亲切,有动力,有专注力,就能做好你想做的任何事。

——Dave Grohl, Foo Fighters

记住Grohls师长西席的话,准备好开始本日的速成班了吗?系好安全带,老司机带你飞:

1. 比拟度不能太小

背景与内容之间的比拟度该当足够适宜阅读,以免引起眼睛疲倦。
常日,白色背景下的玄色文本是最随意马虎读的,只管即便不要用浅灰色,黄色和绿色的笔墨。
如果你自己做完设计稿,不得不眯着眼睛才能看清,那就肯定是有问题了。

From: https://developer.apple.com/design/tips/

2. 深灰色比玄色要更随意马虎阅读

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

3. 核心内容要突出

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

From: https://developer.apple.com/design/tips/

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

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

再看看其余2个案例:

Spotify (下面的左图) 希望给音乐专辑更多的曝光,以是将播放页面中的专辑封面放到最大,将播放器控件放在第二主要位置。
然后在第二主要的播放器控件中再进行主要级拆分,结合用户的实际需求频率,把播放和停息放大,快进和快退缩小。

Facebook (下面的右图) 看起来比较像Instagram,把朋友的内容放在了核心位置上,由于社交是Facebook的核心业务。

4. 把稳对齐所有元素

当看到一个设计不舒畅的时候,首先该当考虑到的便是对齐问题。
当设计师们在强调须要利用”网格“体系时,他们实在是在提醒团队把稳对齐问题。

(译者注:新手只要把对齐这个看似大略的问题做好,设计就能提升一个档次!
很多新人会把设计元素故意调的歪七扭八,以此表示他们做了设计,我当年刚入门的时候也犯了这样的缺点。
实际上,有规律的东西能形成美感,对齐不是一种禁锢,而是一种好的设计办法。

调度好对齐问题是可以对任何网站或运用设计最行之有效的优化手段之一,只要做好了,效果能立马好上10倍以上。

From: https://developer.apple.com/design/tips/

看看另一个对齐问题,这个是medium的一个页面。

这是我从Medium上找到的网页布局——你以为若何?(提示:把稳对边边缘的对齐情形。

左图,我突出显示了由于对齐问题带来的视觉流向,而在右侧,我只是将所有紧张内容进行了左对齐。

左图糟糕的对齐形式,右图是调度后的对齐形式(点开图片可以查看大图)

5. 把握笔墨的大小和间距

我们并不是为蚂蚁设计的,增大笔墨的尺寸和间距,能够使得内容更随意马虎阅读和消化。

图片来源: https://developer.apple.com/design/tips/

图片来源: https://developer.apple.com/design/tips/

6. 利用得当的布局形式

大多数App或者网站都会用到搜索,关于如果排布详细的搜索结果一贯存在一些争议。

如果结果的排序很主要,那么利用列表视图是最有效的。

如果顺序无关紧要,而你希望你的运用是鼓励用户去创造(比如Pinterest),则利用网格视图更为得当。

图片来源By C. Siu & B. Chaparro

7. 先用黑白设计,后面再加颜色

利用黑白设计时,能更专注于办理和设计运用的核心体验。

而如果在做布局框架的同时,加入颜色,会引起一些情绪上的滋扰,会打断我们专注于核心问题设计上的能力。
(译者注:先做交互,后做视觉,现在该当大多数都是这么个流程吧。

8. 打造舒适的设计

关于舒适的手势体位确实是一个须要把稳到的问题,关于这方面也有专门的研究文章:https://www.lukew.com/ff/entry.asp?1649

Luke列出了手机中最随意马虎打仗和利用的区域(至少对付右手作为惯用手的人来说),实在我希望看到运用中有一个设置,可以让用户从右手界面切换到左手界面。

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

9. 善用配色板

颜色的利用一门技能活。
我强烈推举你在Dribbble上搜索”Color Palettes“,或者利用Coolors( https://coolors.co/) 或者 Color Claim (http://www.vanschneider.com/colors/),会有惊喜!
为自己省下反复纠结的韶光。

10. 利用iOS或者Google的系统规范

苹果和谷歌都为开拓者供应了大量的UI组件和规范。
比如:像谷歌就供应了规范、组件、配色、图标等等,帮助你实现快速设计和开拓。
(译者注:谷歌规范链接https://material.io/)

苹果也供应了他们的人机交互规范,地址是 :https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/。

Various screenshots from Google Material Design and The Apple Human Interface Guidelines

最后记住,设计还须要大量的练习

提高自己的审美和设计水平须要大量的韶光和练习,但如果利用好上面所写的一些设计技巧,会让你在现在做出更好的设计。

原文:https://medium.com/startup-grind/how-to-not-suck-at-design-a-5-minute-guide-for-the-non-designer-291efac43037

作者:Marc Hemeon

译者: 彩云Sky,公众年夜众号:彩云译设计

本文由 @彩云Sky 原创发布于大家都是产品经理。
未经容许,禁止转载

题图来自Unsplash,基于CC0协议

标签:

相关文章

做出好设计的10条干货技巧_放在_文字

好的设计原则是可以很随意马虎被大众学习和实践的。本文将先容一些设计技巧干系的根本知识,看完这些 ,说不定你本日就能用上!如果你不愿...

互联网 2025-01-10 阅读 评论0