xxholly32 / Blog

个人空间
https://www.xxholly32.com
4 stars 0 forks source link

反思设计 #16

Open xxholly32 opened 6 years ago

xxholly32 commented 6 years ago

背景

设计的方法并不是一篇文献可以写的清楚的,而设计的结果也是随着时间,理念的变化而变化;但实际情况是这样,往往我们在一些外力的作用下设计出非常复杂的功能;导致设计复杂,实现更复杂,更有甚者是复杂的实现反推设计发现,设计根本不合理,重新设计。

就像所有设计都是简单的一样,我也希望我的文献能够通俗易懂,从几个方面入手,解读设计的理念,设计理念,设计思路,如何实施;

设计理念

设计原则有很多,基本上每个ui类的打产品都会由设计原则

设计理念 | left

也可以看一下相关收集理念的文献优秀产品背后的设计原则,我这里挑一些和我们做的不好或者根本没做的理念进去。

反馈

这里的反馈也不一定指的是,给用户一个弹出框,或者是一些提示语句;在material design也有同样的理念叫做,Motion provides meaning动效是有意义的,有助于集中注意力和保持连续性。在尚未清晰展现的时候有微妙的反馈,连贯动画也是高效的。

引人入胜

引人入胜是个人的翻译,material design里面说的是大胆,图像,刻意,就是用各种手段去让用户去遵守我的游戏规则;这种说法可能偏激了一点,再换一种说法就是让你的设计和用户产生共鸣。但做到这点非常难。

这里我再举个我比较喜欢的例子,伦敦地铁图

伦敦地铁图 | left

也许你看过非常多的地铁图,基本上大同小异,其实每个站点并不是完全对应坐标,但它做成了几乎都是直线的设计。并把背景的地图去掉了,这点非常重要。他的设计逻辑是抓住重点,并把重点无限扩大,甚至夸张。但正是这种夸张,让设计师和用户能够产生共鸣。

隐喻

如果人们发现应用的虚拟对象和动作和平时的体验相似,那就能更快地学习 ── 无论是现实世界还是数字世界。隐喻在 iOS 中表现良好,因为人们与屏幕进行物理交互。他们移动视图以露出下面的内容。他们拖曳内容, 他们切换开关,移动滑块和滚动选择器。他们甚至可以像在现实世界中那样浏览书和杂志的页面。

这个在web的应用会比较难,在crm,erp等企业级应用上并不一定会起作用,但HUI等一些底层,工具类库或者商标的设计,可以采用隐喻的方式。

apple | left

今天的成功苹果,已经让这个Logo的含义很好的阐释给世人。他是一个灵活的,激发人思维的,富有创造力的图形、企业、产品。

简洁

简单是我们从一而终的追求。我们知道设计应该是直观的。这让用户对我们的产品始终熟悉。这也是很难做到的。

不断完善

没有一个设计是完美的,不断的追求和创新,自我进化是设计的最终形态。

设计思路

从表单设计思考应该如何去设计

直接上干货 呈现表单的13种方法与数据输入的未来,我总接下发展方向

  1. 基础表单展现(模态对话框,多重模态对话框)
  2. 根据行元素展现模态框信息(侧边栏,弹出窗口,行内表单,可编辑表格)
  3. 内容过多的元素的展现形态(可延续式窗口,引导式表单,章节式表单)
  4. 其他非经典型表单(拖放(Drag & Drop), 所见即所得(WYSIWYG), 填补空白(Fill in the blanks))
  5. 对话式用户界面(对话式用户界面及其未来)

我们暂时的认知,对于目前ERP系统来说,我们还是只是1,2,而且只是1居多;但并不是简单就并不好,但在一些复杂性设计上,我们还是过于趋于简单化了。没有引导性,反馈性,最致命的就是没有不停的完善自我,没有思考,没有关注一个问题,如何再设计,才是更好的。

简单说2-5都是适用与不同的场景,但如何用,就是开发人员该去思考的。可能有很多方式去解一个谜题,但最好的那个一定不是简单就能够发现的。

从复杂到简单

由于移动设备的普及,2000 年底的 GUI 设计开始产生了明显的变化。设备配置的极大变化迫使设计师们不得不界面进行重新思考,而这又反过来引起了全球的 GUI 设计的变化。

看看 Web 的历史,我们就会发现十年前的网站设计是不成熟的。但对于这种设计来说,视觉展示并不是唯一的问题。网站试图提供尽可能多的选择:一个站点所包含的所有信息似乎都是可用的,页面上的每个元素都“同等”重要。(那时的)设计师们觉得这样会让网站对用户来说更有价值。不幸的是,这往往导致页面的杂乱无章。在下方的案例中,你可以看出,从可用性的角度去观察,你可以看到一个乱糟糟的界面能够让人分心到何种程度。

image | left | 800x600

随着移动设备的兴起,设计师们开始意识到,用户的注意力是一种需要被合理利用的珍贵资源。这就促使了高度集中层次化界面的出现。这样的界面能在用户最需要的时候提供最恰当数量的可用信息。

image | left | 800x600

设计是什么?

大多数人(甚至包括一些设计师)都将设计视作在产品完成之后所添加的视觉点缀、在产品开发结束之后的工艺流程,就像是设计师们强加在工程师的真实工作之上的。设计的确是视觉美学,但不仅如此。就像史蒂夫·乔布斯曾经说过的:“设计不只关乎视觉和感官。设计关乎(产品)如何运作。(Design is not just what it looks like and feels like. Design is how it works.)” 设计既包括产品的视觉体验,也包括产品的运作原理

如何实施

如果一个产品没设计好,那对于实现来说必定毫无意义。所以从google的理念我学会了,任何事情,设计最重要,如果设计好了,写起代码来肯定是非常轻松的。当底下的人说这么实现起来复杂,那个实现起来复杂,那做上司的应该要小心了,你的设计存在问题了。

无论对于框架,业务,组件来说,一个好的设计才是至关重要;需要更深一步的沉淀,分析,对比,自我否定,才能做到设计上的极致;有时候发现你怼不过别人(你的设计没法说服别人),你应该耐下心来,回头再去反思你的设计。

做完一件事简单,做好一件事难,共勉!