企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

建站知识

Website development

北京网站设计云智结合实际案例告诉你何谓隐形设计

发布时间:2015-12-11 09:39:35

TAGS:网站设计教程书,网站设计师导航

设计并不总是耀眼夺目的艺术。它讲究微妙、实用,而且常常是不确定的。很简单,好的设计往往是隐形的。t2W北京网站设计开发,小程序开发,公众号,微信开发-云智互联

明确一点——隐形的设计并非在项目中增加图层、透明度或是隐藏含义。它是为了打造用户为中心的项目,使之功能齐备,视觉愉悦。t2W北京网站设计开发,小程序开发,公众号,微信开发-云智互联

当我还是个年轻的设计师时,就一遍遍听到这句话。如果你不得不“装饰”画布,那就是在过度设计。好的设计——真正使项目有效运转的设计——是隐形的。t2W北京网站设计开发,小程序开发,公众号,微信开发-云智互联

但是如何做到隐形?尤其网页设计是一种相当视觉化的手段。(额外补充,本文会重点列举几个网站,来印证隐形设计的观念。)t2W北京网站设计开发,小程序开发,公众号,微信开发-云智互联

思考设计中的隐形t2W北京网站设计开发,小程序开发,公众号,微信开发-云智互联

1t2W北京网站设计开发,小程序开发,公众号,微信开发-云智互联

2t2W北京网站设计开发,小程序开发,公众号,微信开发-云智互联

咱们别离题万里,设计当然是可见的。关于这点毫无疑问。但是你所用的工具与技巧,不应该在普通用户面前耀武扬威。t2W北京网站设计开发,小程序开发,公众号,微信开发-云智互联

多数设计只追求“感觉对了”。用户想要沉浸其中,操作某样东西。他们不必理解其中缘由。这就是隐形的设计。t2W北京网站设计开发,小程序开发,公众号,微信开发-云智互联

Oliver Reichenstein,Information Architects的创始人和总监,以强调隐形设计观念而闻名。虽然在听到他的观点之前,它已经深深烙印在我的脑海中。在The Verge的访谈中有一些只言片语。t2W北京网站设计开发,小程序开发,公众号,微信开发-云智互联

隐形的交流t2W北京网站设计开发,小程序开发,公众号,微信开发-云智互联

3t2W北京网站设计开发,小程序开发,公众号,微信开发-云智互联

4t2W北京网站设计开发,小程序开发,公众号,微信开发-云智互联

当你创造网页、移动应用甚至智能手表的交互时,就是在设计某种类型的交流。设计要承载信息,而非阻碍信息。t2W北京网站设计开发,小程序开发,公众号,微信开发-云智互联

你在处理时会用尽所有设计手段来打造一种体验。终产出并不是给你的,甚至也不是给其他设计师,而是给广大不懂(也不想懂)色彩理论、间距和字体的受众。他们只知道所有这些结合在一块,是否紧密、好用和有趣。t2W北京网站设计开发,小程序开发,公众号,微信开发-云智互联

这就是将设计视为一种隐形的手段的重要之处。t2W北京网站设计开发,小程序开发,公众号,微信开发-云智互联

5t2W北京网站设计开发,小程序开发,公众号,微信开发-云智互联

6t2W北京网站设计开发,小程序开发,公众号,微信开发-云智互联

我们谈论隐形设计时,会想到一些不同的东西。每一种隐形设计都很重要,会通过不同方式影响你的工作。t2W北京网站设计开发,小程序开发,公众号,微信开发-云智互联

隐形的产品和排版,例如品牌或是你不会注意到的广告。(这对应用和游戏设计师很重要,他们常常要思考设计中的摆放问题)隐形的交互和通知都做到了无缝衔接,在你执行某些操作或任务时并不会想到它们。(例如手机上的闹钟和警告)隐形的美学设计可以建立情感连接,与用户融为一体,让人们渴望投入其中。(这正是我们所关注的)设计技巧t2W北京网站设计开发,小程序开发,公众号,微信开发-云智互联

7t2W北京网站设计开发,小程序开发,公众号,微信开发-云智互联

隐形的美学植根于设计理论的基础中。这并不是一种趋势,也非某个酷炫的新用户体验特征的运用。它使用文字、色彩、字体、图片、图标和一些技巧来传递信息。我们来回顾一些基础,看看它们能如何为你所用。t2W北京网站设计开发,小程序开发,公众号,微信开发-云智互联

8t2W北京网站设计开发,小程序开发,公众号,微信开发-云智互联

9t2W北京网站设计开发,小程序开发,公众号,微信开发-云智互联

10t2W北京网站设计开发,小程序开发,公众号,微信开发-云智互联

文字和语言:用来向用户传递一种语调和情绪的文字。在用户与设计进行交互时,使用一种语言来传递你想表达的感觉。它是正式的、轻松愉快的、还是滑稽的?它应当使你感受到热情,或是想要做出某种反应?还要想想措辞的韵律,大声朗读时听起来是怎样的?色彩:每种颜色和色彩组合都有不同感觉。要考虑情绪和文化因素,选择颜色会花费许多时间。仔细选择配色方案,选用那些能促使用户执行特定操作的颜色,同时也创造合适的感觉,保持平衡与协调。字体:字体本身也会带有含义。从干净的无衬线字体,由周遭环境获取含义(Helvetica);到复杂的粗黑体风格(巴洛克式文字),带有一种形式感。你选用的字体类型会传递特殊的感觉。举棋不定时,就坚持使用无衬线字体或是简单衬线的字体,使用统一的笔画粗细和常规字重。图片:你所用的图片里有什么?包括照片、动画和视频。其中的人是开心面带笑容的吗?(里面有人吗?)颜色是暖色还是冷色?动作快速还是缓慢?浏览步调与阅读流程要合适——就像步行速度一样——可以给用户创造一种特定的舒适度。太快或太慢的动作,就会开始引人注意,用户就会更加关注它,甚至超越图片本身。图标与UI元素:统一的图标集和用户界面元素,在隐形上大有帮助。一套系统会通过标准化展现,来告诉用户网站如何运转、如何操作,即使图标对应的操作与特定外观可能并不相同。当用户不需要思考它如何使用时,隐形就生效了。想想每一个零售商都在使用的购物车图标,它是查看商品的一种标识。用户不需要思考如何进行到后一步,或者说如何支付;这个元素会将他们引向正确的操作。其他技巧:有一大堆设计技巧可以成就或破坏你的设计——投影、文字效果(例如倾斜)、描边与边框、留白、下划线、列表,等等。其中任何一种的关键还是在于运用。如果你打开编辑软件的工具窗口,在默认设置状态下点击“应用”,你就做错了,还会引发花哨的效果。用户忽略了某张图片,并且怪罪于它阴影太重的时候(尽管受过训练的设计师之眼能够辨认出来),才应该使用这些效果。设计效果只应该有助于整体信息和视觉目标。t2W北京网站设计开发,小程序开发,公众号,微信开发-云智互联

结论t2W北京网站设计开发,小程序开发,公众号,微信开发-云智互联

再回想一下Oliver Reichenstein说过的。它强调“微观”和“宏观”元素。这是关键。要达到完全隐形,设计的每个细节都要精心推敲。t2W北京网站设计开发,小程序开发,公众号,微信开发-云智互联

带有目的进行简单的设计。不要仅仅因为你想要使用某种技巧,就过度装饰或加入流行元素。设计好每个细节,让它们无缝协作。同时设计好大局,让它勾绘出你的项目试图传达的整体概念。不要过度思考:有时候简单的解决方案就是正确的。(也许正是隐形设计的概念促成了扁平化设计的兴起,并且持续盛行)t2W北京网站设计开发,小程序开发,公众号,微信开发-云智互联

原创不易,未经授权,严禁转载

原文地址:https://www.yzlink.cn/i,72,6264,0.html

客户评价

更多+
  • 感谢云智互联,系统提前完成,在整个项目周期内,云智互联对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的云智互联团队。

    潘涛

  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。如果想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的云智互联(北京)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,重点是响应速度蛮快,有什么问题都会马上给你解决,公司很满意,因为他们都是针对每个项目建了相应的讨论组,有问题可以再里面提出,人员分工到位,解决问题很及时。

    张经理

联系方式

工作时间:09:30-18:30
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

合作伙伴

All Rights Reserved.©2010-2016 YZLINK.CN 京公网安备 110105019435 京ICP备14020656号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:北京市辉瑞律师事务所。

嘿,我们微信沟通!

复制手机号