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让你用的很不舒服?你的拇指必须要伸得老远才能够得到菜单,或者页面里元素太多导致你经常误操作。这些都是因为交互设计师在设计的时候没有考虑拇指的感受,或者更学术化点说,没有考虑到“拇…

    2017-08-03
  • 史上最完整交互设计基本原则|推荐收藏

    下面的原则对于有效的用户界面的设计和实现都是最基本的,不管是针对传统的图形用户界面还是针对任意的可联网的智能电子设备都是有用的。有效的用户界面是视觉明显的并且宽容的,会带给用户一种控制感。用户能很快…

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

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

    2018-04-07
  • 别逗了,真正的“用户体验”并不如你们所想

    什么是用户体验?如何评价用户体验的好坏? 在知乎上,俞军说:“我理解的用户体验,是让用户付出最小成本满足需求”。这其实仅仅是在讲“易用性”(usability)。另有位叫做Allen Zhang的大牛说:“个人对用户体验的目标…

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

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

    2017-05-18
  • 交互体验大升级 云视听极光3.0最新版本体验评测

    作为腾讯视频官方的电视端应用版本——云视听极光迎来了第三个大版本的更新:云视听极光3.0。在我之前的国内4大电视端视频应用软件的对比评测中我对云视听极光的老版本在交互体验上的感受只能用一般般来形容。这次的大更新官方声称对交互界面体验上针对用户需求和建议做了较大的改进,我也立马升级了软件进行了一番体验。让我们来看看云视听极光3.0在体验上到底如何吧。UI交互体验:界面设计进入软件就可以看到3.0版本的大变化,相比老版本,3.0的频道分类栏...

    2018-01-30
  • UI设计师最该考虑微交互的设计

    前言什么是微交互?微交互是用户在完成某个小任务时产生的交互体验。例如,解锁手机就是一个微交互,手机调成震动模式时会震一下也是一个微交互。为什么称为“微交互”呢?所谓的“微”其实就是指的产品的细节设计。微交互正在成为产品设计中越来越重要的部分。正如同Charles Eames曾经所说,“细节并不只是细节,它是构建起整个设计的基本元素。”你的UI和交互设计中的每一个元素都是至关重要的,一个又一个细节设计让你的产品最终脱颖而出,而真正让人难忘...

    2018-04-20
  • 小白学Axure,这样学更高效,还能提升产品交互,更容易拿高薪

    众所周知,Axure是产品经理必备的工作软件。BAT对于产品工作2-3年的面试者,均要求熟练使用Axure。别让Axure阻碍你的高薪产品路!别等面试时,才发现自己掌握不够。“起点学院&腾讯课堂”联合打造6周Axure实战班,第6期开启报名!从第1期到现在,1400多位同学学习成长,好评如潮。花3-5分钟了解,很快Axure对于你,就不再是问题。(真诚地说)先来看看学习效果全程实操,学完高效制作原型,做出高保真认真学完,原型效率提升,更...

    2018-03-04
  • 不好意思,简历有了它,你就领跑于820万毕业生

    又临近一年毕业季找工作成为了应届生们的头等大事但今年的就业形势依旧不容乐观来自教育部的数据2018年全国高校毕业生预计上升至820万人再创近10年毕业生人数新高▲教育部官网截图▲中商产业研究院数据显示:2010-2017年的毕业生人数按照2%-5%的同比增长率逐年增长,近7年间累计毕业生人数达到5706万人。年年都是“史上zui难就业季”并且每年的毕业生人数始终呈增长态势800多万的应届毕业生让“你竟是一个大学生”变成“你只是一个大学生...

    2018-03-27
  • 交互设计脉络概要

    一般做交互设计师有的是刚毕业的时候就会去做。也有的是本身是做视觉设计的,然后在未来的职业规划可能对交互设计感兴趣,所以呢,有时候对产品说,我想转交互行不行,那其实整体还是要看公司对你的角色的一个定位和是否给予的机会了。当然啦,很多机会是靠你自己去争取的,这个无论是在公司本身或者另外的公司,就自己去考量自己人生一个选择。一:什么是交互到底交互设计的一个定义是什么呢,因为了解一个新行业我们首先需要知道的就是他的定义,这样才是一个准确的、一个...

    2018-04-28