如何使产品设计“简洁大气”?

标签: 交互设计 | 发表时间:2013-04-24 22:06 | 作者:兔子小姐
出处:http://www.yixieshi.com

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

神马是“简洁大气”?

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

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

调整图版率改变印象

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

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

放大图片,增加展示空间

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

改变图片比例

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

色块进行重复构成排版

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

使用图标代替文字

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

创造节奏感

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

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

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

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

使用鲜明的色彩营造气场

  穿衣服我们讲究“气场”,而设计中使用的色彩也应该明确,避免使用含混的色彩,这样界面之间的元素才是有对比的。

戒掉排满的惯性

  格式塔心理学中提到一个删除原理,就是从构图形象中排除不重要的部分,只保留那些绝对必要的组成部分,从而达到视觉的简化。 不要排满也就是我们时常说的留白,这里的设计需要和产品一起做减法。

  在实际项目中,笔者经常遇到这样的对话:

  “这里为什么要放这个功能?好像用户用不上诶……”

  “这里不放这个功能看起来比较空,而且万一用户用到呢?”

  “……”

  人们以往的消费观念是面对同样的价格,最终大家会选择看起来功能齐全的物品,在信息竞争和功能为上的时代,惯性会让你想要加入足够多的功能或信息去满足用户,这种情况下,堆满信息的页面如果不进行删减化处理,形成一定层次的分组和条理化处理,也将会变成让人手足无措的电视遥控器。

  其实考虑界面空不空的问题应该交给设计师解决,通过一定程度的留白就可以达到不错的效果,我们只需要确认到底需不需要这个功能,有多需要,符不符合用户的使用场景?

隐藏与合并

  当面对无法去掉的功能时,我们可以采用“主界面优先模式”,隐藏部分功能。

  比如在阅读中,为了更加沉浸式的阅读体验,经常利用手势将阅读流之外的功能隐藏起来,比如随享Pro 向左滑进行评论和转发,豆瓣阅读的全屏阅读。

  主界面优先还体现在减少频繁地切换界面,比如常见的查看大图功能,在以前我们常用的方式是滑到新的页面去查看图片详情,但真的需要那么麻烦吗?

  在 AppFlow 和网易应用中心应用主页中,通过手势向下滑动可以让图片当前页放大,预览 App 界面效果,这样的体验就很简洁。

  除了隐藏功能,我们还可以合并功能,减少 UI 控件的个数,进而节省下空间,比如下面对音乐播放进度和播放控件的整合。

  设计是不断创造新可能的过程,希望上面总结的这些小经验可以让设计更好的回归内容,利用最轻量、简单的设计来传递核心信息,也让设计师们早日告别苦逼加班的日子。

  Design makes life better.


相关 [产品设计 大气] 推荐:

如何使产品设计“简洁大气”?

- - 互联网的一些事-关注互联网产品管理,交流产品设计、用户体验心得
[核心提示] 如何可以使产品设计“简洁大气”?在你没有灵感的时候,不妨看看这篇文章中的建议.   现在被人们津津乐道的扁平化设计无疑成为了这四个字的代言,也让之前似乎离开了人们视野的平面设计带来了新思考,我们发现很多设计方法依旧非常经典.   无论是与客户的沟通还是和产品经理的 PK 中,在第 N+1 次修改依旧没有灵感的时候,不妨借鉴一下下面的小建议来救场.

产品设计流程

- - 互联网分析
新的一年到了,分享个大的东西,这个是之前团队总结的一套「产品设计流程」,里面包含了3大模块,产品前期分析,设计环节,上线总结反馈,基本上涵盖了,从需求到上线的经过的流程,相较于大型UED团队会“轻”一些,适合中小型团队. 如果所在公司内部还未有设计流程,可以参考此流程,也可以拿去在这个基础上进行改进.

移动产品设计之设计

- crystal - 互联网的那点事
移动产品设计最大的差异点在于用户使用场景的变化,场景的变化引发了交互方式巨大的变化,从而也使得信息呈现方式有所不同,再加上硬件设备的差异,最终使得2者千差万别了. 所以,移动产品设计之设计应该首先从用户的使用场景出发,同时考虑用户的硬件设备差异,综合以上2点去帮助用户完成某个任务. 按照我的理解,场景、任务、用户可以称之为设计的三要素,每一个设计实际上都是试图去帮助用户在某个场景下完成某个任务的.

手机产品设计禁忌

- - 落花流水——elya妞╰_╯
在做手机产品设计的过程中,遇到很多看似很小,且很容易被忽略的问题,正是这些小问题,一次次的撩拨用户的耐心,让用户对你的产品心生怨念. 刚出道的朋友没有经过实战,对细节注意不多,往往都会遇到类似的问题,强调多次后,觉得不如写下来,给新人共勉. 一般按钮会有四态,不可点击效果、可点击效果、聚焦状态、按下状态.

移动产品设计新思路

- - 互联网的那点事
随着时代的变迁,移动产品的设计也有了更多的变化. 用户的需求越来越多、使用的场景也更加复杂. 也因此移动产品就有了更多设计的新思路. 当然,手机的玩法虽然不再被局限在有限的领域,但是对于那些更喜欢用手机拍核桃、钉钉子以及起瓶盖的各位童鞋,还是看看本次由朱坤 @kentzhu 分享的移动产品设计真正的新思路.

从Mailbox看产品设计火花

- - 优设(UISDC)
Mailbox是个基于Gmail的任务管理类的应用,任务即邮件,可以让邮件完成,删除,设为稍后提醒,放入待办项目中,推行Inbox Zero理念,是个最近比较火的产品,不过坑爹的是Mailbox下载后不能马上用,需要排队开通,本人在上周终于排到了队,经过了几天的试用,把Mailbox和热门邮件客户端Gmail,Sprrow做对比,顺便记录一些感想.

PM札记:产品设计这两年

- - 所有文章 - UCD大社区
做产品差不多也两年左右了,基本上这条路是磕磕绊绊,迷迷糊糊,但好歹大方向是正确的,有空回想总结起来,唏嘘不已,看看以前对产品的看法,再看看今天对产品的认识,不仅感叹自己当初的幼稚,如今,更多的是了解了自己的无知与渺小,怀着一颗谦卑的心,继续学习,在产品这条路上寻找自己的价值. 产品职责包含很多东西,产品设计只是其中的一种职责,只是简单的描述一下我在产品设计上的弯路,回想起我的产品设计生涯,目前走过了三个阶段:.

Siri引发的产品设计变革

- Jerry - 月光博客
  Siri的发布,在iphone 5的失望之后,为苹果带来了言之不尽的话题,其热度甚至超过了ios 5这个重大操作系统更新. 但是,今天希望论述的却不是这些讨论,而是设计者有意或无意之间,为某一类工具的设计产生了重大性的基础定位变革.   笔者不知道大家称Siri为何,或许会被称为“语音交互工具”吧,因为它绝对已经突破了“语音识别工具”这种“声音到文字,文字到命令”的范畴,而直接使用语音实现人机交互.

移动平台上的产品设计

- - 雷锋网
【编者按】本文由 @淘宝UED 团队所撰. 随着智能手机的产生,人们对它们的使用时间与粘性迅速加大,移动互联网的发展越来越迅猛,越来越多的PC端产品开始把注意力集中在转移到方寸之间的屏幕之上时,有如潮水般汹涌. 我们需要的就是适应在移动平台设计一个好的APP,以此获得自己的席位. 当下的移动互联网产业,已经从单纯的以实现单一功能为主,到平台的转移,再到各个APP之间的产业链的形成,还有广告植入的各种运营手段产生各种盈利.

产品设计原则有那些?

- - 知乎每日精选
产品设计的原则有点太泛哈,这里想结合自己的工作心得来小结一下手机无线设计8原则:. 原 则 1 :用 户 界面 应该 是基于用 户 的心里模型,而不是基于工程 实现 模型. 就是把后台本来很复杂的事情通过设计符合用户日常生活中常用的浏览方式或操作方式. 其实这一点是设计师把生活中的细节和数据结合的凝聚点,用户的心理模型抓的越准,界面就会越优秀.