不同案例看网站用户体验 “简洁大气”设计指南

来源:未知 责任编辑:责任编辑 发表时间:2013-11-18 20:57 点击:

  [核心提示] 如何可以使产品设计“简洁大气”?在你没有灵感的时候,不妨看看这篇文章中的建议。

  神马是“简洁大气”?

  现在被人们津津乐道的扁平化设计无疑成为了这四个字的代言,也让之前似乎离开了人们视野的平面设计带来了新思考,我们发现很多设计方法依旧非常经典。

  无论是与客户的沟通还是和产品经理的 PK 中,在第 N+1 次修改依旧没有灵感的时候,不妨借鉴一下下面的小建议来救场。

  调整图版率改变印象

  图片的加入是最能立刻改变和更换整体印象的法宝。

  图版率是杂志版式中经常提到的概念:即页面中图片所占面积的比率。图版率高的杂志页面会给人带来年轻与活跃的印象,相反地,全是文字,图版率为 0,这样的页面就显得沉稳许多。

  放大图片,增加展示空间

  虽然在产品上网易微博一直不温不火,但在设计上采用大图片的改版让整体拥有了简洁的潮流感,并且每次刷新变化的封面图片让每天的登录过程也变的有趣起来。

  

\

 

  

\

 

  改变图片比例

  即使全部是图片也可以改变图版率。商品展示中经常会有这种图片罗列的形式,普通的九宫格设计虽然整齐,但是没有变化和视觉重点,将几个图片位合并成为一个进行展示可以产生更强的专题性效果。

  

\

 

  色块进行重复构成排版

  当图片资源不充足,比如消息类信息和图片并列时,可以采用和图片相同大小的色块保持界面的统一性与简洁性。

  

\

 

  使用图标代替文字

  使用意图明确的图标代替文字可以帮助导航等操作区与文字阅读区分开。

  

\

 

  创造节奏感

  你知道吗?观看者和一张简单的海报设计也会产生交互过程。

  当你在 20 米开外的时候会被它上面的人物与色彩吸引,走近至 5 米的时候会看到它的标语,而走到跟前会发现新的小字信息。海报通过观看距离的变化制造出阅读的层次感,引导你不断深入。

  

\

 

  同样的,在界面中除了利用明确的信息分组引导视觉,还可以考虑在交互中也加入节奏,笔者不认为在扁平化的设计时代我们就不需要打造空间关系,通过手势的变化制造出界面不同的景深效果,可以让界面充满呼吸感。

  比如 AppFlow 中下拉刷新时,背景图片会由远至近,就在不觉间扩展了视觉空间。

  

\

 

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • WordPress添加百度喜欢按钮小技巧
  • Wordpress 博客如何实现自定义Gravatar头像
  • 网站设计分析:建立良好的视觉层级
  • 创建不平衡的平衡:在网页设计中使用不对称设计
  • 7大主流B2C首页导航栏设计对比分析
  • Wordpress页面模板制作方法及使用
  • 网站设计与开发:11个在新终端上的网页设计趋势
  • 修改去掉Zblog列表插件文章排行调用标题前面的时间
  • css控制文字前的小图标
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1