童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

最少的输入,最丰富的输出:好的设计往往是隐形的

1月25日 碎骨族投稿
  设计并不总是耀眼夺目的艺术。它讲究微妙、实用,而且常常是不确定的。很简单,好的设计往往是隐形的。
  明确一点隐形的设计并非在项目中增加图层、透明度或是隐藏含义。它是为了打造用户为中心的项目,使之功能齐备,视觉愉悦。
  当我还是个年轻的设计师时,就一遍遍听到这句话。如果你不得不“装饰”画布,那就是在过度设计。最好的设计真正使项目有效运转的设计是隐形的。
  但是如何做到隐形?尤其网页设计是一种相当视觉化的手段。(额外补充,本文会重点列举几个网站,来印证隐形设计的观念。)
  思考设计中的隐形
  咱们别离题万里,设计当然是可见的。关于这点毫无疑问。但是你所用的工具与技巧,不应该在普通用户面前耀武扬威。
  多数设计只追求“感觉对了”。用户想要沉浸其中,操作某样东西。他们不必理解其中缘由。这就是隐形的设计。
  OliverReichenstein,InformationArchitects的创始人和总监,以强调隐形设计观念而闻名。虽然在听到他的观点之前,它已经深深烙印在我的脑海中。在TheVerge的访谈中有一些只言片语。
  “优秀的设计是隐形的。优秀的界面设计会细到亚原子级的微观字体(文字的精确定义)、看不见的宏观文字布局(文字的运用方式)、还有由交互设计和信息架构组成的隐形世界。最少的输入,最丰富的输出,界面设计师都致力于使用户花费最少的注意力。就像字体设计师与工程师那样,我们并不会试图找到完美的解决方案,但会寻找最佳的两全之策。”
  隐形的交流
  当你创造网页、移动应用甚至智能手表的交互时,就是在设计某种类型的交流。设计要承载信息,而非阻碍信息。
  你在处理时会用尽所有设计手段来打造一种体验。最终产出并不是给你的,甚至也不是给其他设计师,而是给广大不懂(也不想懂)色彩理论、间距和字体的受众。他们只知道所有这些结合在一块,是否紧密、好用和有趣。
  这就是将设计视为一种隐形的手段的重要之处。
  不同类型的隐形
  我们谈论隐形设计时,会想到一些不同的东西。每一种隐形设计都很重要,会通过不同方式影响你的工作。
  隐形的产品和排版,例如品牌或是你不会注意到的广告。(这对应用和游戏设计师很重要,他们常常要思考设计中的摆放问题)
  隐形的交互和通知都做到了无缝衔接,在你执行某些操作或任务时并不会想到它们。(例如手机上的闹钟和警告)
  隐形的美学设计可以建立情感连接,与用户融为一体,让人们渴望投入其中。(这正是我们所关注的)
  设计技巧
  隐形的美学植根于设计理论的基础中。这并不是一种趋势,也非某个酷炫的新用户体验特征的运用。它使用文字、色彩、字体、图片、图标和一些技巧来传递信息。我们来回顾一些基础,看看它们能如何为你所用。
  文字和语言:用来向用户传递一种语调和情绪的文字。在用户与设计进行交互时,使用一种语言来传递你想表达的感觉。它是正式的、轻松愉快的、还是滑稽的?它应当使你感受到热情,或是想要做出某种反应?还要想想措辞的韵律,大声朗读时听起来是怎样的?
  色彩:每种颜色和色彩组合都有不同感觉。要考虑情绪和文化因素,选择颜色会花费许多时间。仔细选择配色方案,选用那些能促使用户执行特定操作的颜色,同时也创造合适的感觉,保持平衡与协调。
  字体:字体本身也会带有含义。从干净的无衬线字体,由周遭环境获取含义(Helvetica);到复杂的粗黑体风格(巴洛克式文字),带有一种形式感。你选用的字体类型会传递特殊的感觉。举棋不定时,就坚持使用无衬线字体或是简单衬线的字体,使用统一的笔画粗细和常规字重。
  图片:你所用的图片里有什么?包括照片、动画和视频。其中的人是开心面带笑容的吗?(里面有人吗?)颜色是暖色还是冷色?动作快速还是缓慢?浏览步调与阅读流程要合适就像步行速度一样可以给用户创造一种特定的舒适度。太快或太慢的动作,就会开始引人注意,用户就会更加关注它,甚至超越图片本身。
  图标与UI元素:统一的图标集和用户界面元素,在隐形上大有帮助。一套系统会通过标准化展现,来告诉用户网站如何运转、如何操作,即使图标对应的操作与特定外观可能并不相同。当用户不需要思考它如何使用时,隐形就生效了。想想每一个零售商都在使用的购物车图标,它是查看商品的一种标识。用户不需要思考如何进行到最后一步,或者说如何支付;这个元素会将他们引向正确的操作。
  其他技巧:有一大堆设计技巧可以成就或破坏你的设计投影、文字效果(例如倾斜)、描边与边框、留白、下划线、列表,等等。其中任何一种的关键还是在于运用。如果你打开编辑软件的工具窗口,在默认设置状态下点击“应用”,你就做错了,还会引发花哨的效果。用户忽略了某张图片,并且怪罪于它阴影太重的时候(尽管受过训练的设计师之眼能够辨认出来),才应该使用这些效果。设计效果只应该有助于整体信息和视觉目标。
  结论
  再回想一下OliverReichenstein说过的。它强调“微观”和“宏观”元素。这是关键。要达到完全隐形,设计的每个细节都要精心推敲。
  带有目的进行简单的设计。不要仅仅因为你想要使用某种技巧,就过度装饰或加入流行元素。设计好每个细节,让它们无缝协作。同时设计好大局,让它勾绘出你的项目试图传达的整体概念。不要过度思考:有时候简单的解决方案就是最正确的。(也许正是隐形设计的概念促成了扁平化设计的兴起,并且持续盛行)
  你有没有偶然发现哪些网站的设计是隐形的,并且完美运转?可以在评论中与我们分享。
  
  原文链接:http:designmodo。cominvisibledesign
投诉 评论 转载

为AppleWatch设计时需要牢记的一些诀窍几周前,我在纽约参加一个会议。这是我第二天使用AppleWatch,于是我想应该用它来查找从会场回程的路线。在以前,我会想掏出手机,输入地址,设置成步行导航,并且在步行途中视线……视觉冲击颜色vs反差,哪一个更能吸引眼球?大多数的人们都熟悉色彩心理学;成百上千的文章、案例研究、甚至是从不同角度进行分析的图表。颜色对我们的影响,将影响我们决策过程中的每一个选择。这点是毫无争议的。但是,我们不应该盲……私家推荐!九月必收的优质设计资源干货大合集小白叨一叨:九月份设计圈的干货合集来咯,包括前端开发、设计神器、设计素材(字体、PSD等)、以及一大波实用的酷站推荐,全是精选干货,快来收吧!用SVG实现幻灯片切换动效……传递数据背后的故事图表设计一、图表的目的和价值图表设计是数据可视化的一个分支领域,是对数据进行二次加工,用统计图表的方式进行呈现。数据是事实或观察的结果,是对客观事物的逻辑归纳,通常一个具体的数字……(全解析)屏幕尺寸,分辨率,像素,PPI之间到底什么关系?今天我给大家来讲讲这几个咱们经常打交道的词到底啥意思,以及他们之间到底有什么关系。这篇文章是我花了一个下午从N多篇文章里提炼出的一个白话版,保证让你看得懂。咱们从手机开始……移动设计:体验、交互和创新之精髓早在2011年设计大牛LukeW就提出了“MobileFirst”的设计理念,也就是现在几乎每个人都挂在嘴边的“移动优先”。移动优先的设计策略将使产品拥有高度任务驱动的体……如何改善产品UX设计,这5条原则也许能帮到你本文编译自Medium,作者ClarkWimberly是一位用户体验(UX)设计师。作为一名UX设计师,这些年我一直在思索,如何为设计出更好的用户体验。以下是我的一些心得……交互设计师如何进行风险预判?在公司工作,任何职业都不可能单兵作战,协作是永恒的主题,而每一个需求和任务的实现,都是各方通力合作的成果。作为交互设计师,除了做好自己的设计工作之外,还需要花费大量的时间与产品……最少的输入,最丰富的输出:好的设计往往是隐形的设计并不总是耀眼夺目的艺术。它讲究微妙、实用,而且常常是不确定的。很简单,好的设计往往是隐形的。明确一点隐形的设计并非在项目中增加图层、透明度或是隐藏含义。它是为了打造用……【干货】用户体验是个什么鬼。接上篇文章,我们既然已经了解到了用户需求,且已经为用户需求设计了功能去解决了他们的问题。然而问题又来了,用户依然在用我的竞品,而不用我的产品,这是为什么?当一款产品已经满……H5时代的多行文本框说起输入框,大家都耳熟能详了,今天跟大家谈一谈H5时代的多行输入框!首先一起回顾下输入框在PC端的应用:PC端多行输入框的实现及问题多行输入框,毫无疑问,大家……浅谈Web设计中的上下文工具最近在阅读BillScott和TheresaNeil所著的《Web界面设计》,其中上下文工具一章给我留下深刻的印象,下面我将结合部分实例来回顾一下主要的内容。在具体讲上下……
创业者们需警惕“C轮融资死”谁是2014最牛投资人中关村咖啡店里的创业梦投资一碗米粉也是创新投资大鳄索罗斯退休:曾闪袭香港遭遇惨败9个聪明绝顶的创业融资故事就是这么“傲娇”:9个绝顶聪明的成功创业融资故事投资盘点:百度系创业者的前世今生美国知名风投预测2015科技行业11件大事融资的个人成本小米完成第五轮融资估值超400亿美元2014中国股权投资年度排名揭晓联合创始人退出手里的股权怎么回购?

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界