9个关于设计的关键要素,帮你设计出更加优秀的作品

之所以把设计和Jalebi放在一起说,就是因为设计本身其实和制作Jalebi如出一辙,设计师的经验和对设计投入的思考才是核心所在,而两者结合之下则往往能产生一些颇有价值的指导思想。Above examples are of apps with the same domain and you can judge which one is looking better.A good example visual typo hierarchy in the above graphic .

——Source: SuperDryCleartrip is a very good example of what I am talking about……


之所以把设计和Jalebi放在一起说,就是因为设计本身其实和制作Jalebi如出一辙,设计师的经验和对设计投入的思考才是核心所在,而两者结合之下则往往能产生一些颇有价值的指导思想。

9个关于设计的关键要素,帮你设计出更加优秀的作品

Jalebi,昵称印度糖耳朵,是一种印度甜点美食,曾在《加勒比海盗》电影中出现,风靡世界。因为没有成熟的制作模具和固定花纹图案,主要靠烹制者的经验和想法进行烹制。

今天,我们之所以把设计和Jalebi放在一起说,就是因为设计本身其实和制作Jalebi如出一辙,设计师的经验和对设计投入的思考才是核心所在,而两者结合之下则往往能产生一些颇有价值的指导思想。

以下便是我梳理的9个关于设计的关键要素,希望并且相信能够帮你设计出更加优秀的作品:

1、对齐

对齐不仅关乎于界面的外观和向用户传达的感觉,也关乎于你的潜在用户将如何跟产品进行交互。因此,在对齐这件事面前,你不应该容许出任何差错,如果有任何地方需要翻新设计,你必须检查、检查再检查,以保证正确无误。通常来讲,对齐是一个容易被设计师们忽略的东西,但就是这样的设计细节往往既能够成就你的作品也能毁掉它,因此你不得不重视它。

9个关于设计的关键要素,帮你设计出更加优秀的作品

2、排版(字体)

当你设计的一件作品能漂亮的完成一件事情时,那么它的视觉效果也应该看起来足够优秀。这就是你为什么需要花一定时间来找出最适合你的产品的字体的原因。

另外,即使你选定的字体足够匹配了,文案内容也足够恰当了,也千万不要忘记内容的可读性,因为它们一起才能带来一个更好的阅读体验。要做到这样,你就需要有一个好的展现顺序和清晰的视觉层次结构。

9个关于设计的关键要素,帮你设计出更加优秀的作品

Above examples are of apps with the same domain and you can judge which one is looking better.

9个关于设计的关键要素,帮你设计出更加优秀的作品

A good example visual typo hierarchy in the above graphic .
——Source: SuperDry

3、色彩的合理运用

我们都知道,色彩本身和对比度都具有一定的主观性,我们喜欢的色彩不一定别人也就喜欢。对色彩模式进行建议似乎并不合理,但有一个不可忽略的事实,就是色彩可以使你的应用鲜活,增添愉悦感与活跃度。简约色彩的设计对一些产品是有用的,但这个取决于你所要设计的主题。

比如,如果你正在设计一个关于孩子的项目,就需要使用吸引孩子的颜色。如果是一个时尚品牌比如Super Dry,就需要用主题色或者能代表这个品牌的颜色,因为它更能与品牌产生共鸣。

9个关于设计的关键要素,帮你设计出更加优秀的作品

4、简约-去除繁杂

有时候,我们情不自禁会被带进沟里:想要添加尽可能多的元素、图表以使得产品能够亮点突出。但是有时候,添加了如此多的元素之后,留白(美感、简洁感)消失了。这样的产品看起来不仅杂乱、花哨,而且就连产品本身的的亮点也消失了。

因此,建议你限制自己一些,让简约设计散发它应有的美丽。

9个关于设计的关键要素,帮你设计出更加优秀的作品

Cleartrip is a very good example of what I am talking about……

5、一个明确的中心

当一个用户第一次看到你的产品界面,他们第一眼看到的那里就是我们所说的视觉中心。对于用户而言,他们更喜欢遵循既有的视觉层次来进行阅读,他们也只想要快速的完成任务。

而如今的我们,正身处在一个注意力缺乏的的时代,因此你绝不能忽视产品设计中的视觉中心。

9个关于设计的关键要素,帮你设计出更加优秀的作品

6、整体一致性是关键

如果一套产品中既有大量的用户界面,又充斥着多样的(不统一)样式规则,那也就失去了产品设计中本该遵循的一致性原则——它是每一个优秀的设计所具有的共同特征。

对设计师来说,一个好的方法是在设计之初先设定好一套用户界面的样式规则,包括界面样式、按钮和文本样式等等。然后将其贯穿使用到整个产品之中。它能使你的产品的在不同的平台上表现出良好的一致性,使你的产品看起来也更加完整。

9个关于设计的关键要素,帮你设计出更加优秀的作品

7、永远不要忘记设计的根本目标

在产品设计中,原则上,我们不会也不应该限制设计师的的创造力,你们的想法可以任意表达。但是,你必须时刻谨记设计的目标——你做的每一个项目每一个设计方案都有一个确定的目标,你也应该不遗余力的实现它。

9个关于设计的关键要素,帮你设计出更加优秀的作品

8、平衡产品功能(元素)

当你从新开始设计一个产品时,往往很难弄清楚该从哪里入手。为了使这个过程更加简单,应该首先根据产品的目标用户做一套用户画像,弄清楚究竟哪些功能(元素)才是用户真正需要的,以及哪些动效才能有力的吸引到他们,然后再开始进行针对性的设计。

这样,当你真正的具有了产品管理和产品构思的经验之后,就可以自然而然地帮助你平衡好用户对产品的预期和你自身的创造力。

9、有意义的动效

我们经常会发现,设计者们在设计移动应用时习惯采用大量的动效。但是坦率的讲,过分的使用动效不仅会扼杀用户体验,还会失去对用户的吸引力。你要明白,用户在使用你的应用时,往往并不是处在一个单一的使用场景中,他可能是在下班路上、或者是在跟某人说话时、又或者是在吃饭。

因此,你需要保证你所设计的这些动效是有意义的、快速的并且是令人愉悦的。毕竟,动效的主要目的是且仅仅是当用户在做关键任务的时候抓住他们的注意力。

9个关于设计的关键要素,帮你设计出更加优秀的作品

视频链接:https://youtu.be/Q8TXgCzxEnw

译自:https://uxplanet.org/designjalebi-71b8c1e22756#.c6nazse7p ,由三达不留点gpj校正

 

本文由 @Lanto 原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/27403/

(0)
CatherineCatherine
上一篇 2017-05-17 16:42
下一篇 2017-05-17 17:56

相关推荐

  • 给设计师的网页动画设计基础指南

    挤压和拉伸
    预期
    登台
    连续动作和姿态对应
    缓进缓出
    弧形运动
    次要动作
    时序
    夸张
    立体刻画
    吸引力

    2017-05-27
  • 用户运营 | 《破茧成蝶 用户体验设计师的成长之路》读书笔记

    1. 设计师如何参与一个具体的项目需求分析,了解需求,清楚我们要做一个什么样的产品,目标用户是谁,要达到什么效果,具体有什么内容、功能…然后我们开始进行设计,在草图上梳理信息架构,设计任务流程,设计界面,确认没有问题后再用专业的软件工具把设计方案呈现出来。经过设计评审后,设计师要去跟进后续的视觉、前端、开发、测试环节,确保最后的产出物和自己的设计方案一致。2. 在项目中设计师容易遇到的问题团队成员的专业能力外界因素的影响团队凝聚力3. ...

    2018-04-25
  • 游戏交互设计心得分享:从代入感与反馈感入手提升打击体验

    前言经常听到一些设计人员、产品经理、甚至是一些交互体验”大师“的言论——【这个操作太麻烦了,需要操作好几步,体验太差了!】亦或者【这个功能藏的太深了,你有考虑过用户体验么?】之后不知怎么的,设计游戏或者软件的人员经常会把这几句话挂在嘴边。无论做什么,3句话里面保准带一句上述“金句“。所以近段时间,你会发现打开一个游戏或者软件,第一眼的界面,功能堆积,眼花缭乱,不知从何下手。我觉得,经常拿着两句话一刀切的人太幼稚,太低级了。所以我今天斗胆...

    2018-02-20
  • web表格设计攻略

    在后台管理系统、数据类产品等的设计中,表格作为一种常见的信息组织整理手段,甚至是web页面的基础设施之一,其重要性不言自明。结合最近做的几个项目和相关设计经验总结,特此整理出这样一篇设计攻略,希望能够对你的设计有所帮助。

    2017-04-28
  • 交互设计基础课

    这个地方都是艾欧的原创课程,你也可以回复评论说你需要的课程由苦逼的艾欧来帮你制作课程,同一类型问题只做一次课程演示。 第一阶段的计划是先做交互设计理论的学习 第二阶段是交互设计的工具篇 第三阶段是交互设…

    2014-09-03
  • 译文 | iOS 10 人机界面设计指南 (完结)

    iOS10发布了,苹果遵循了一切从简但又增加了一些提升用户体验的功能,比如向开发者开放了更多接口,设计者又如何跟随iOS的步伐做好产品设计呢?本文是系列文章的完结篇,enjoy~Note
    模板图片(template image)会丢弃图片本身的色彩,而采用图片视图使用的色调。请参阅UIImage中的UIImageRenderingModeAlwaysTemplate。TIP  对于多行或是多样式的文本输入,请使用文本视图。请参阅Text Views。

    2017-05-02
  • 提升用户体验的12大法器—《从点子到产品》读书笔记

    读了刘飞老师的《从点子到产品》书中关于用户体验的讲解,获益颇多。特此整理Mark一下,也分享给需要的童鞋~

    2018-04-26
  • 从「令人发指」的苹果来看所谓的细节设计

    什么是细节设计?在讨论这个问题前先来看个案例。如果你手里恰巧有 iPhone 4s / 5 / 5s,请随便打开一个可以调出虚拟键盘的应用「比如短信」。注意观察键盘的最后一行,相信看这篇文章的人都是中文用户,所以在你的…

    IxD案例 2014-10-10
  • 2016年最值得关注的16个网页设计趋势

    设计趋势每年都在改变,出于各种原因,有的设计趋势在演进中逐渐消失,有的则在大家的熟练运用过程中渐入佳境,甚至逐步褪变成为主流。作为一个专注于网和平面设计的设计机构,我们对于所有相关的技术和设计趋势都…

    2015-12-23