首页 资讯 关注 科技 财经 汽车 房产 全国

网络

旗下栏目: 教育 体育 网络 军事

To All:提升设计鉴赏力

摘要:这篇文章里分享的思考分析方式,对设计师、产品经理或任何相关职业的人,在产品设计鉴赏能力上都会有帮助。 ...

To All:提升设计鉴赏力

To All:提升设计鉴赏力

  有时会觉得我挺不擅长做设计的。

  着迷于从 Dribbble 里搬运优秀案例,却对如何组合运用一无所知。如果给你看我的设计稿,上面的重度阴影和无意义的装饰可能会吓到你。

  缺乏设计天赋的我,通过努力找到了如何快速获取所需设计技能的方法。我想在这篇文章里分享这些设计方法,无论你是不是设计师,都会对你的产品设计鉴赏能力有帮助。

  1. 观察

  提升产品设计鉴赏能力的要点是把自己当做产品的设计者。打开一个你经常使用的 app ,不要急于直接去找内容,而是专注观察眼前的屏幕。你需要注意的是这些东西:

  (1)层级

  用户的视觉焦点被如何引导?什么信息被高亮显示?元素的重要性是如何用颜色和字体表现的?

  (2)内容

  整体的文字风格是怎样的?有趣的内容有哪些,无聊的内容又有哪些?内容之间的留白是怎样处理的?

  (3)意图

  用户为什么会打开这个 app ?产品解决了什么问题?和同类产品相比有什么优势。

  (4)受众

  谁在用这个产品?他们使用产品的情况和你自己有什么不同?产品设计是如何满足受众需要的?

  2. 使用

  下图中我用 GIF 解构界面布局,仔细看,通过预测接下来会出现的组件,你可能察觉到先前未发现的细节。请带着好奇心思考设计方案背后的用意。

To All:提升设计鉴赏力

To All:提升设计鉴赏力

  Airbnb 界面解构

To All:提升设计鉴赏力

To All:提升设计鉴赏力

  Airbnb 界面

  可以用下面两种方式来思考:

  搜索框中的占位符本可以写“Search here”,却使用了一个具体的城市名称。尽管我并没有去伦敦的打算,但是看到这个可能性时依旧会有兴奋感;

  我好奇他们尝试过多少次必须先选目的地,第二步再选择日期(Dates)和入住人数(Guests)的方案,可以确定的是肯定存在。这让我对用户的搜索和筛选方式感兴趣。

To All:提升设计鉴赏力

To All:提升设计鉴赏力

  Twitter 界面解构

To All:提升设计鉴赏力

To All:提升设计鉴赏力

  Twitter 界面

  观察:

  注意到 Retweets 和 Like 是粗体;

责任编辑:米可
首页 | 资讯 | 关注 | 科技 | 财经 | 汽车 | 房产 | 全国

Copyright © 2012-2016 沾化新闻网 版权所有 Power by DedeCms 鲁ICP备15024898号-1  在线客服:

电脑版 | 移动版邮箱:2719049161@qq.com