恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
拟物转扁平的一点设计思路
0.0°
2014-11-19 好文转载 经验/观点 原作者: 原作者 举报 6252 22 19 2

现在全世界的设计师都在疯狂的进行扁平化设计,无论喜欢还是不喜欢,他们不得不这么做。

新的设计风格需要新的设计方法,但其实,老树也可以开出新花。

翻出草图本,会发现很多没有来得及设计的拟物设计草图,有没有想过,把过去的拟物设计转换成扁平化?

一、简化界面


Cloud应用的简化:从简约到更简约

 

斜面、材质、复杂的背景、渐变等装饰一律不要。增强了可用性,增强了主要视觉元素的支配性,没什么坏处。

 

本着增强简约性、减少繁杂的思想去考虑问题,去看待布局,去移除所有装饰性元素。如果你认为这样界面会很枯燥,这说明你没有处理好内容,否则,用户是不会关心界面的,用户会直接去关注内容。

二、优化内容

在左图中,用户被界面元素“夹子”和“星级”吸引了大部分注意力, 而右图中起主导作用的视觉元素是电影封面,是内容。

 

拟物设计的弊端在于,让用户更加喜欢界面——精致的材质、美妙的色彩和光效、逼真的斜面等等。从某种角度来说,这弱化了内容。

而扁平化设计,要做到:让用户忘了界面,让用户全神贯注的欣赏内容。重点在于音乐家演唱的歌,而不在于界面中那颗精致的旋钮!重点在于想要读的书籍,而不在于界面中纹理细腻的木质书架!

 

内容优先——利用图像、字体、色彩优化内容,让用户忘了界面吧。

三、借鉴象形图

上图: iOS7 风格图标inspired icons. 下图:国家公园服务设施象形图。是不是很相似呢?

 

扁平化设计就是要剔除繁杂,实际上,当下的图标设计趋势有点像传统的象形图。

象形图简单、易于理解、具备用户引导功能。我们多可在机场、地铁以及公众场所中看到,很多人看到这些象形图后,无需他人进一步解释,就能理解所代表的一丝。

 

这跟扁平化的设计思维不谋而合——确保每款图标简约、高效、精确传达。扁平化可不仅仅是视觉上的扁平。

 

结论

 

将拟物设计转换成扁平化设计并不困难,很多时候扁平化设计反而更简单了。

但同时,我们要多留意功能性、多留意内容,打造交互更直接的设计。


原文http://99designs.com/designer-blog/2013/10/23/turning-skeuomorphic-design-into-flat-design/

更新:2014-11-19

收藏

22人已收藏

沙丁鱼Design

这个家伙好懒哦~什么都没写~

  • 13

    作品

  • 114

    粉丝

  • 65

    关注

  • Google立体化,Apple扁平化
  • 用拟真的方式说拟真设计的信息图
  • 终极资料扁平化设计(素材工具篇)
  • 终极资料扁平化设计(案例篇)
相关标签
设计经验分享

    猜你喜欢

      2014-11-19 好文转载 经验/观点 原作者: 原作者 举报 6252 22 19 2

      拟物转扁平的一点设计思路

      0.0°

      你确定要举报拟物转扁平的一点设计思路

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2014年11月19日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      19
      22
      2

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录