若何晋升设想观赏才能？来看妙手的经历总结！ - 网页设想 - taishanly.com

Z Yuhan：偶然会感觉我挺不善于做设想的。

沉迷于从 Dribbble 里搬运优异案例，却对若何组合应用全无所闻。若是给你看我的设想稿，上面的重度暗影和有意义的装潢能够会吓到你。

缺少设想先天的我，经由过程尽力找到了若何疾速获得所需设想手艺的体例。我想在这篇文章里分享这些设想体例，不管你是否是设想师，都会对你的产物设想观赏才能有赞助。

一、察看

晋升产物设想观赏才能的要点是把本身当作产物的设想者。翻开一个你常常利用的 app ，不要急于间接去找内容，而是专一察看面前的屏幕。你须要注重的是这些工具：

1. 层级

用户的视觉核心被若何指导？甚么信息被高亮显现？元素的主要性是若何用色彩和字体表现的？

2. 内容

全体的笔墨气概是若何的？风趣的内容有哪些，无聊的内容又有哪些？内容之间的留白是若何处置的？

3. 企图

用户为甚么会翻开这个 app？产物处理了甚么题目？和同类产物比拟有甚么上风。

4. 受众

谁在用这个产物？他们利用产物的环境和你本身有甚么差别？产物设想是若何知足受众须要的？

二、利用

下图中我用 GIF 解构界面规划，细心看，经由过程展望接上去会呈现的组件，你能够发觉到先前未发明的细节。请带着猎奇心机考设想计划面前的意图。

△ Airbnb 界面解构

能够用上面两种体例来思虑：

• 搜刮框中的占位符本能够写「Search here」，却利用了一个详细的都会称号。虽然我并不去伦敦的筹算，可是看到这个能够性时照旧会有高兴感。
• 我猎奇他们测验考试过量少次必须先选目标地，第二步再挑选日期（Dates）和入住人数（Guests）的计划，能够必定的是必定存在。这让我对用户的搜刮和挑选体例感乐趣。

△ Twitter 界面解构

察看：

• 注重到 Retweets 和 Like 是粗体。
• 时辰戳里除日期以外，也给出了详细发送时辰。为甚么要如许做？并且时辰戳在差别的处所利用差别的展现格局（如在 Feeds 流中展现距离时长，在概况页展现详细时辰），思虑一下为甚么要做如许的辨别。
• 新建 Twitter 文本框中利用的占位符用词出格，不是「Add a Tweet」 而是「Add another Tweet」。

△ Spotify 界面解构

察看：

• 注重 Spotify 是若何在阅读时持续坚持歌曲播放的。
• 最新宣布内容同时包含最新歌单和专辑/歌手。
• 用户能够存眷周五最新音乐播放列表，可是不能够存眷宣布雷达（Z Yuhan：宣布雷达 / Release Radar 将用户存眷的歌手最新宣布的歌曲搜集列出）。深挖一下为甚么会有这类限定——由于宣布雷达的出格的地方在于，用户必须看完一切内容和标题才能作出决议，以是不供给存眷功效。

三、懂得法则，才能突破法则

下次你在打车或等伴侣时，翻开一个 app 而后想一想它被如许设想的来由。时不断地如许阐发 app ，你的产物思惟和设想才能将会获得晋升。

原文链接：《How to develop an eye for Design》  Kathleen Warner

接待存眷译者的微信公家号：「交互进阶」

图片素材作者：Katerina Limpitsouni

「App阐发让你对产物懂得更深切」

• 《跨越5000字的产物条记，揭秘微信念书是若何让人上瘾的！》
• 《用苏宁金融的案例，教你学会阐发一款App》
• 《腾讯的设想究竟幸亏哪？妙手是从这3个维度阐发的！》
• 《那些出格好用的App是若何设想的？首期揭秘：网易蜗牛念书》
• 《用百度外卖的案例，教你学会阐发挪动端产物的体例！》

================明星栏目保举================

优优教程网： taishanly.com 是巅云旗下优良中文教程网站，分享了大批PS、AE、AI、C4D等中文教程，为零根本设想喜好者也筹办了知心的常识树专栏。开启收费自学新篇章，按照咱们的专栏一步步进修，必然能够敏捷上手并建造出酷炫的视觉成果。

设想导航：国际人气最高的设想网址导航，设想师必备： http://www.taishanly.com/