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

相关推荐

  • APP动效设计欣赏

    目前为止,app动效也越来越重要了,很多移动app设计师已经开始尝试去制作自己的app动效设计。因为好的app动效设计可以让自己的app产品顿时高大上。 开门见山吧,我们回顾下APP中的动效可以划分为两类: 一类是转场…

    2015-12-23
  • 阅读类产品中的交互设计逻辑分析

    ↑  点击上方蓝字,加个关注吧~ ↑话题:阅读类产品的交互设计该怎么做?本文共1285字25图,预计阅读时间: 4分钟阅读体验阅读类的产品交互核心所有阅读类产品围绕的产品核心是:阅读体验好的阅读体验会让用户感到熟悉性,由于用户习惯长久的累积,对于阅读产品的使用逻辑,在用户脑海中已经有了一个基础的操作定位。在阅读体验中,不同习惯的交互动作设计所带来体验也不同,通过分析阅读产品中的交互方式,来解剖其交互中设计逻辑。阅读方式我们参考了三款阅读...

    2018-02-27
  • 在网页设计中帮助用户实现目标

    预测用户的意图,让他们尽可能接近目标。△ 筛选出或跳至用户正在搜索的条目

    2017-05-24
  • 【干货知识】最全面的交互设计原则和理论汇总(下)

    【点击上方蓝字↑↑↑关注「艺恋优梦」获得每晚推送】防错原则:防错原则认为大部分的意外都是由设计的疏忽,而不是人为操作疏忽。通过改变设计可以把过失降到最低。该原则最初是用于工业管理的,但在交互设计也十分适用。如在硬件设计上的 USB 插槽;而在界面交互设计中也是可以经常看到,如当使用条件没有满足时,常常通过使功能失效来表示(一般按钮会变为灰色无法点击),以避免勿按。如上图所示极客公园的评论功能快,在留言框没有内容或邮箱格式不正确的时候是无...

    2018-04-11
  • Hybrid APP 会吃掉微信等应用?

    先看一则新闻:Facebook今天推出了依托在Messenger上的虚拟助手M。这款虚拟助手借助AI+人工的方式为用户提供服务,M背后的人工运营者被称为M trainers,是Facebook公司里的合同工,而非正式员工。除了提供服务,他…

    2015-08-28
  • 用好的交互设计来管理复杂-“Tab”

    标签可能看起来像一个微小、乏味的图形用户界面设计,但我们合理的运用Tab的特点,易用易理解,就能为你的用户体验加分。

    2017-05-18
  • 《用户体验可视化指南》视频讲书(4)

    这是《用户体验可视化指南》书中第一章的最后一个视频了。继续上个视频继续介绍几种共线图,这次横向比较各种共线图的差异,使用它们的原则和好处。点击视频观看(大约14分钟,推荐室内安静、有wifi环境下播放)兰静同学听后分享这节内容是第一章的精华,一定一定一定要边听边看书本,最好多看几遍。主要分为2个部分:在这节视频中,结合书本第3个大模块中的内容,详细讲解了这5类常见共线图的差异和各自的特色。闭上眼睛想一想,要是还想不起来服务蓝图、体验地图...

    2018-04-07
  • 阿里UED:优秀阿里设计师如何养成

    编者按:一个优秀的专业交互设计师该具备哪9个素质?一个完整的交互设计流程该经历哪12个阶段?今天阿里的交互设计师从零开始一一帮你解答这两个问题,非常适合新人入门哟。一直以来,交互设计师都是一个受到广泛质疑的岗位,很多人不了解交互设计师的价值,更直接的说,我们大多数的交互设计师没有表现出足够的、令人信服的专业度。大约五年前选择了这个职业,一路走来,质疑过、探讨过,也争辩过。和很多交互设计师一样,我也有过盲目自信和茫然失措,历经时间的鞭挞后...

    2018-03-09
  • 用户体验设计(UED)内功心法开山篇(附案例研究)

    何为UED?在产品定义阶段,它是一种关乎如何解决问题的思维模式,在产品迭代期,它又是一种关乎如何思辨方案真实体验水平的科学验证。更具体一点,到底是什么样的思维模式和科学验证,近一年的时间我们通过大量案例逐渐将其解构出来,并将导图成“UED内功心法”,期望能够帮助交互设计师在具体实操过程中有的放矢,更有针对性地发挥设计的价值。

    2017-04-29
  • 四步解说,搞定吸引人的移动端详情页设计

    本文依然是关于详情页设计,涉及到了排版/构图/色彩/氛围点缀/字体等多个方面。以下是我总结了可以让你的详情页脱颖而出的四个系列的套路,兴许对你们有用!enjoy~

    2017-08-04