单列布局能够让对全局有更好的掌控。同时用户也可以一目了然内容。而多列而已则会有分散用户注意力的风险使你的主旨无法很好表达。最好的做法是用一个有逻辑的叙述来引导用户并且在文末给出你的操作按钮。
给用户一份精美小礼品这样的友好举动再好不过了。具体来讲,送出礼品也是之有效的获得客户忠诚度的战术,这是建立在人们互惠准则上的。而这样做所带来的好处也是显而易见的,会让你在往后的活动进展(不管是推销,产品更新还是再次搞活动)中更加顺利。
在整个产品开发期间我们会有意无意地创建很多模块,版面或者元素,而它们的功能可能有些是重叠的。此种情况表明界面已经过度设计了。时刻警惕这些冗余的功能模块,它无用且降低了电脑性能。此外,界面上模块越多,用户的学习成本就越大。所以请考虑重构你的界面使它足够精简。
在获得项目机会或提高项目转化率时客户的好评是一种极为有效的手段。当潜在客户看到其他人对你的服务给予好评时,项目机会会大增。所以试着提供一些含金量高的证据证明这些好评是真实可信的。
多次重复主旨口号这种方法适用于界面很长或者分页的情况。首先你肯定不想满屏刷出相同的信息,这样会让人生厌。但当页面足够长的时候这些重复就显示自然多了并且也不显得拥挤。所在在页面顶部放一个按钮然后在页面底部再适当放个突出的按钮的做法没有什么不妥。这样当用户到达页面底部在思考接下来该做什么的时候,你提供的按钮就可以获得一个潜在的合同或者即使用户不需要你的服务这个按钮也可以起到过滤的作用。
诸如颜色,层次及模块间的对比这些视觉上的设计可以很好地帮助用户使用产品:他时刻知道当前所处的页面以及可以转到哪些页面。要传达这样一个好的界面,你就需要将可点击的元素(比如连接,按钮),可选择的元素(比如单选多选框)以及普通的文字明显区分开来。在下图的例子中,我将点击操作的元素设置为蓝色,选中的当前元素为黑色。这样适当的设计可以让用户很方面地在产品的各模块间切换。但千万不要把这三种元素设计得混乱不堪。
当展示许多项服务时,给出一个重磅的推荐项是个不错的做法,尽管推荐的设置无法满足所有用户。这么做是有理论依据的,一些研究已经揭示了这么一种现象:当面临的选择越多时,用户就越难做出决定。所以你可以高亮某个选项来帮助用户做出选择。
假设你刚点击了一个连接或者按钮,撤销操作可以让操作流畅自然,这也符合人类的本能。而每次操作都弹一个确定框则好像是在质问用户你明白不明白这个操作会产生什么后果。我还是更习惯假设用户每次操作都是正确的,其实只有极少数情况下才会发生误操作。所以,为了防止误操作而设计的确认窗口其实是不人性化的,用户每次操作都需要进行毫无意义的确定。所以请考虑在你的产品里实现撤销操作来增加用户的操作友好度吧。
你是想把产品做成大众化的呢还是有精确的适用人群?在产品定位上你需要更精确些。通过不断了解目标客户的需求及标准,你能把产品做得更好得到更多与客户交流的机会,并且让客户觉得你很专业,在这方面是独家提供的优质服务。把产品定位得精确的风险就是可能缩小了目标潜在客户的范围,也使自身变得不那么全能。但这种做得更专业的精神却反过来会赢得信任,权威。
(贴士:喜欢下图中可爱的小人物造型么?去了解MicroPersonas吧)
你可以通过不确定而颤抖的声音来表达传递自己的意思,当然也可以通过很自信的方式表达。如果你在界面中的表述用语多以问号结束,比如"也许","可能","感兴趣?" 或者"想要试试么?",那么你完全还可以把语气变得更坚定一些。不过万事无绝对,或许适当放松措词让用户有自行思考的余地也是可以的。
把主要功能区从界面中突出显示出来效果会好很多。使你的主要口号醒目有很多种方法。通过明暗色调的对比来突显。通过为元素添加阴影渐变等效果让界面富有层次感来张显主题。最后,你甚至可以在色相环上专门选择互补色(比如黄色与紫色)来设计你的界面,以达到突出重心的目的。综合所有这些,最后得到的界面会使你的主要意图与界面其他元素有明显的区分,得到完美的呈现。
指明你的地区,所提供的服务,产品来自哪里意义重大,同时也将与客户的沟通引入了一个更具体带有地域特色的场景中。指出具体来自哪里,国家,省分及城市,也是一种在进行自我介绍或产品展示时被常常提及的。当你在界面设计中实现这点时,让人觉得非常友好。同时指明区域也会隐形提高产品的声誉,好上加好。
人生性就懒惰,在填写表单时也是同样的道理,没人愿意填写一大堆表单字段。表单中每个字段都会有失去用户的风险。不是每个人打字都很快速的,并且在移动设备上进行输入更是相当麻烦的事情。问下自己表单中是不是每个字段都必需,然后尽量减少表单中的字段。如果你确实需要一大堆信息让用户填写,试着将它们分散在不同页面,在表单提交后还可以继续补充。过多字段很容易让整个表单显示臃肿,当然想简洁也很容易,只放少数字段。
你使用的任何一个下拉框都会对用户造成信息的隐藏而需要额外的操作才能显示。如果这些信息是贯穿整个操作所必需的,那你最好把它展示出来做得更显而易见一点。下拉框最好用在选择日期,省份等约定俗成的地方。对于程序中重要的选项最好还是不要做成下拉形式。
一个平淡无奇行文无疑会让用户失去兴趣而继续阅读。是的,单列滚动的长页面是不错的,但是我们应该适当地设置一些小节,并且环环相扣,来提高用户的兴趣使其继续阅读。但需要注意的是节与节之间的留白不要太大。
为了满足各式用户的需求,在页面上放些链接链到这里链到那里是常见的做法。如果你的主要目的是想让用户点击页面最后那个下载按扭什么的话,就需要三思了。因为用户可能点击了其他链接离开页面了。所以你需要注意页面的链接数量,最好将用于导航与用于操作的链接用样式区分开。尽量移除页面不需要的链接会让用户点击到你的功能按钮。
现如今大多界面当中已经呈现了各色样式的进度条或者标明状态的图标,比如邮件有已读或未读的状态,电子帐单有支付或未支付的状态。而在界面上呈现这样的状态对于用户来说是很有必要的。这样用户就可以知道某些操作是否成功,接下来准备进行怎样的操作。
试想界面上有这样两个按钮:一个是"获取折扣",另一个是"立即注册"。我敢打赌大多数人会点击第一个,因为第二个按扭让人感觉不到有利可图,并且"注册"让人联想到填不完的表单。也就是说让用户感受到获利的按钮更有可能被点击。这种让用户感到好处的文字信息也可放在按钮旁边,不一定要做为按钮的标题。当然,正常的按钮还是有用处的,一般用于重复性操作频繁的地方。
不用说直接在元素身上进行操作是更直观明了的方式。比如在一个列表中,我们想让用户对每个条目进行操作那么就把按钮放到当前条目上,而不要把放到列表之外。再比如就是直接点击元素就进入编辑状态(比如页面上的地址信息点击后可以进行编辑)。这种方式比传统的选中再点击相应的按钮进行操作要简洁省事得多。当然,对于一般性的操作本身就不需要有什么上下文的,就没必要这么做了,比如页面上的前进,后退按扭。
在一个足够大的宽屏界面上最好还是直接给出表单,这比点击按钮再弹出表单要好很多。首先减少了点击操作,流程变得简洁也节省了时间。其次,直接呈现出表单可以让用户知道表单有多长,其实也是在告诉用户注册花不了多少时间。当然,这条规则适合注册表单非常简单的情况。
转载:微信公众号UI设计
在 UI 设计中,button 有多种设计形式。组合形式可以多种多样,比如纯文字button、图标+文字button、图标button、幽灵框button等等。在各种设计规范里都可以获得一个比较完整的全集。
作者 Lisa Cosme
作者 Pixsellz
除了组合形式,最能让button设计出彩的还是材质和风格。扁平风格简洁明了,以纯色或简洁的图标为主,适合现代简约的界面。拟物风格则模拟现实中的按钮,具有立体感和真实质感,能增加用户的熟悉感。幽灵按钮以透明或弱轮廓呈现,简洁而不突兀,与背景融合较好。还有带有动态效果的按钮,如点击时的变色、缩放等,增强交互性。此外,异形按钮可根据特定主题设计独特形状,为界面增添个性与创意。
下面来看一些好看的button设计。
作者 Aaron Iker
作者 Aaron Iker
作者Aaron Iker
作者Buzuk
作者 Gleb Kuznetsov
作者 Max Rudberg
你最常用和最喜欢的button,都是样的呢?
转载:UX设计便利店
我们常以“ 心有灵犀 ”来形容与合作伙伴的默契配合,若我们的产品能与用户达到同样的默契,将极大地提升用户在任务旅程中的流畅体验。
在B端体验设计领域,我们深知用户对我们产品的期待──快速完成任务、即用即走。
然而,随着业务需求和产品功能的不断扩展,流程复杂化、功能冗余、信息过载和引导不足等问题逐渐浮现,这不仅增加了新用户的学习成本,也使得老用户丧失了使用产品时的专注和效率。
在业务改版时,我们的体验设计师了解到旧版页面信息录入成本过高的问题,于是提出了数字键盘录入数据的方案「用户在原本手动录入数据的基础上,增加选择录入数据的能力,以此降低用户录入数据的操作负担」。
鼠标悬浮时,它就像一个传送门一样将用户需要切换的应用呈现在浮层卡片上,用户点击所需的应用即可完成应用的切换。
比如,在消息通知面板交互上我们也采用了【浮层卡片】的交互模式,用户既可以点击去查看全部消息也可通过鼠标悬浮快捷唤出【浮层卡片】查看最新消息。
在表格页面通过使用【浮层卡片】查看状态、附件等信息,用户可以不用进入详情页快速获取信息,用户掌握好这些小贴士可以有效提高工作效率。
经过多场景的实践,我们团队已将浮层卡片精炼为一种有效缩短用户使用流程的交互模式,显著提升了用户操作效率。也被我们拓展到更多场景,以实现在更广泛的应用维度上为用户提效。
我们最初使用了数据可视化的看板来呈现各阶段下不同状态的概览信息,但这只解决了数据概览的问题,用户还是需要点击“详情”才能跳转至相应的页面。
体验设计师在一些项目中尝试了将数据可视化看板与Tab标签页的融合,这就形成了具有Tab切换功能的数据看板,用户在查看概览数据的同时也可以通过点击切换查看各阶段/状态下的详细数据。
在经过用户反馈和不同业务场景下的适配后,我们又针对小屏增加了折叠功能、折叠后状态数据隐藏、宽度不够时状态数据隐藏等优化。
以上数据看板与tab页签融合的方案,一方面解决了数据可视化的问题,另一方面也解决了切换查看详情数据的繁琐操作。在明确了以上组件的价值点后,将其进行延展并应用到了一些具有共性的使用场景中。
(2) 树形连接线新范式,数据关系呈现简单明了
针对这样的复杂多维使用场景,我们在设计时借鉴了树形连接线来解决需求与开发分支的复杂关联关系,通过树形连接线将需求与开发分支进行串联,让复杂的关联关系一目了然。
在解决了复杂的关联的同时,在连接线上增加了「新增」及在表格操作列增加了「操作列」的操作来解决编辑等扩展问题。
树形连接线作为一种解决数据可视化的手段有效解决了业务中的难点,同样设计团队也将其拓展到了更多适用场景,帮助用户提升信息查看和操作效率。
在处理嵌套表格时,树形连接线的使用极大增强了单元格与嵌套层之间的视觉关联。
在OKR系统中,树形连接线的应用使目标和任务之间的从属关系更加明晰。此外,还为卡片在折叠状态下提供了展开后可查看更多信息的视觉引导。
以上几个是我们通过洞察用户诉求,依靠设计手段改善用户体验的典型案例。
想要持续而又高效的提升产品的用户体验,仅凭零星的创意是不够的,还需制定一套有效的设计策略,这套策略旨在培养设计团队成员的创新意识和体验思维能力,使设计团队能够持续产出高质量的用户体验解决方案。
(2) 鼓励尝试更多可能
什么是好设计?这个问题大概是一千个人有一千个哈姆雷特了,不过作为一门学问,有心人会将它归纳起来,今天分享的这篇文章,是由一位有心的设计师总结而成的,聊聊他对好设计的14个维度分析,童鞋们可以学习一下呦。
1. 品味和能力
一个设计者最需要的就是好的品味(Taste)。当我们说一个人品味好的时候,常是指这个人的”审美”好,或者这个人善于发现”美”。但是一个人有好的品味,往往不是因为他善于发现“美”,而是因为他善于识别“丑”。当一个人识别出丑陋的事物,并且对这种丑无法忍受的时候,他自然就会选择那些美的东西。因此,好的品味不仅和”美”有关,更和”丑”有关。这里说的”美”和”丑”,不只是表面上的好看或者不好看,它包括产品的美丑,技术的美丑,制度的美丑,和人性的美丑。对于刚开始从事创作职业的人,尤其是做设计的,品味和能力可能会有一定的距离。在你在职业生涯刚开始的几年里,你的品味会比你的才能超前几步。你的作品可能暂时没有满足你的品味,不要因此放弃,因为能力会慢慢的赶上。而且最终,你的品味会决定你的风格(Style)。
美国最火的广播节目”This American Life”的Ira Glass通过一个视频告诉我们他的经验,他说,在刚开始几年里,你的作品可能并不如你希望的那么好,你试图做好,但是能力并没有达到。但是记住品味是你的一切,如果你的品味足够好,那你就能意识到你做的东西是很蹩脚的,是不够满意的。很多人没有度过那个阶段就中途退出了,但是我见过的所有优秀的创作者,都曾有过这样的阶段,在这个阶段中,他们有很好的品味,他们知道他们所做的并不让自己满意,但最终都度过了这个阶段。因此每个人都有过这样的阶段,如果你正处在这样的阶段,你需要知道这是正常的。你所唯一能做的而且最重要的就是,做很多很多的事,每个月每周都做出新的东西,只有通过大量的实际操作,你才能跟上你的品味,才能够弥补品味和能力之间的间隙。你的品味帮你辨别出你想做的和你会做的之间的距离。
一个人的品味由多个因素共同塑造,最直接的是一个人成长环境的文化,中国的文化是什么也许透过frog Design的创意总监Jan Chipchase的这几张图你就能看出一些,财富和贫困的差异,西方文化和传统文化的差异,梦想与现实的差异
在这样差异巨大的多元文化下成长起来的人,对差异化会比较包容,品味自然也就比较宽松,可以说中国人适应能力强,好的坏的都能将就,喝的了毒牛奶,吃的了地沟油。也可以说中国人有中庸的思想,做事情一定跟大部分人一样,不愿意与众不同,抢打出头鸟。还可以说中国人喜欢辩证的看问题,任意拿两样东西去让他做个比较,答案常常是”这个也可以,那个也不错,各有各的好”。中国人差异化的成长环境,决定了中国人必须对丑的事物拥有极大的容忍度,否则就混不下去。在中国表达对丑不满的人常常会被排挤,被攻击,甚至遭受生命危险,因此大部分人都不由自主的接受我们周围的世界,而能够发出批判声音的人为数不多。有意思的是,公众本身不觉得那么有些东西很丑陋,被有的人一提醒,才意识到原来那的确是丑的。从毒牛奶地沟油到现在的毒胶囊,本质上说都是有人对一些丑恶的做法视而不见的结果。中国需要更多这样”对丑无法容忍”的人,需要一个对”丑”重新认识的启蒙,通过揭露丑而发现美。
Hi-iD 曾有一片文章讲“美的感知力”,很赞同其中关于Taste的看法。Taste翻译过来是”品味”,可品味通常是围绕着格调上的词语,比如我们会说某某人着装很有品味,某某人对美食很有品位,如果我们只是把品味当做类似着装或美食概念上的品味的话,未免有点将其概念狭隘化了。Steve Jobs的衣服千古不变,如果按照大众对品位的理解,Steve Jobs的品味就差到了极点。因此Taste是一种能力,而不是格调。我们不去纠结于词语上的不同,就其概念来说,绝对不仅仅是穿着时尚,或者紧跟潮流那么简单。Taste是一种”美的感知力”,是一种力量,这种力量一定是每个人都有,否则就不会有大众都欣赏的美。既然每个人都有这种美的感知力,那么是什么让Steve Jobs的Taste与公众的Taste不同呢?仅仅是因为每个人的对美的感知力大小不同决定的吗?个人认为正好相反,Steve Jobs的品味于众人不同的原因在于他对丑的容忍度极底。几乎是“对丑陋的零容忍”。这种近乎严苛的要求一直影响着他的一生
Steve Jobs刚刚搬新家的时候,家里没有家具,因为他始终找不到自己满意的家具。他就是这种宁缺毋滥的人。有一张照片,他在家里盘腿坐在地板上,家里只有一盏Tiffany的大落地灯。这张照片后来成为了经典。
因此”对丑的不容忍”是解释一些人Taste的不同于其他人的最好的方法,也是解释了中国为什么一直出不了像Steve Jobs这样的人,因为中国每个人从小到大见过太多丑的东西,对丑的容忍度很高。不信?欣赏一下这些优秀建筑吧。
我们从小到达都会认为,”美”的概念是主观的,一个东西美不美,常常由个人喜好决定。某个人喜欢一件东西,会有很多原因,有可能是他的母亲也拥有同样的东西,或者某个明星也在用它,或者是有一些特殊的记忆在里面。
人的思想就是没有经过整理的碎片的混合物,所有小孩子从被无数遍的教导,”美”是一种偏好,是每个人自己的事。这样的说法可以有效的解释不同人有不同的观点并且杜绝无谓的争辩。但这种说法是错误的。只要你设计过东西,你就会明白。
如果你是一个设计者,如果你承认美是主观的,那你没法做设计了,如果美只是个人偏好,那为什么还有设计呢,每个人喜欢自己偏好的东西就好了。
有经验的设计者会发现随着经验的积累自己对”美”的认知是在变化的,他会发现有些美是被人们共同认可的美,找出这些被公认的美之间的共性,就成为他的主要工作方法。中学的课堂里马克思教我们辩证的看问题,任何事情都是相对的,包括真理。即使我们已经长大了,这种观念仍然会留在我们的潜意识里。但是只要你开始思考,你就会发现,众多领域对”美”的认识有惊人的相似之处。
Dieter Rams的设计原则
既然有公认的”美”,那么自然会有一些创造这些美的通用方法。德国工业设计师Dieter Rams总结过如下”好设计”的十大原则
好设计是有创意的(innovative)
好设计让产品可用(makes product useful)
好设计是美的(aesthetic)
好设计让产品易被理解(be understood)
好设计是不唐突的(unobtrusive)
好设计是诚实的(honest)
好设计是不过时的(durable,timeless)
好设计贯穿到每一个细节(thorough to the last detail)
好设计关心环境因素(concerned with environment)
好设计是尽可能的无设计(as little design as possible)
Dieter Rams所说的设计是工业设计的范畴,工业设计是塑造可操控产品的艺术。设计对象包括人们要的用各种实体,从餐具到椅子,从电话到汽车。在这里不讨论工业设计和其他领域的区别,也不去逐一探讨Dieter Rams的设计原则,仅仅挑出几个有意思的分享。
这句话换个说法就是”好的设计是简洁的”,这个观点听过无数遍,不论从数学领域,建筑领域,绘画领域,你都会听到这种说法。在数学里,越简短的证明公式就越好。对于建筑师来说它意味着精心打造的结构,而不是表面的装饰。同样,在写作中,这种观点意味着只说必要的话,并且尽量简短。
建筑领域中 密斯•凡德罗 采纳了包豪斯建筑学派的风格,继承了包豪斯的创始人 格罗皮乌斯 的现代主义建筑的观念,并且将种观念带入美国,提出”少即是多(Less is more)”的建筑哲学,开创了现代主义建筑的时代。当现代建筑想要抛弃建筑中的装饰的时,他们不自觉的的还是会设计带有装饰性的建筑,只有”空间(space)”和”关连(Ariticulation)”的概念代替了”象征主义(symbolism)”和”修饰(ornament)”成为建筑的关键词时,好的建筑才出现,John Ruskin曾说过”建筑是结构的装饰”,但现在可以说,装饰建造可以,但是不要建造装饰
The Farnsworth House by Mies Van der Rohe
其实简单就是事物本来的样子。不断强调简单,是因为当人从事设计工作的时候,常会忘掉这个原则。比如网页设计里,一些人总是想要把空白的地方填满,生怕页面空空淡淡,那样是极傻的。设计中的装饰只是一些花样而已,只是些小把戏(Trick),表面的装饰背后隐含着的其实是内容的空虚。当你强迫自己把东西做的很简单的时候,你就被迫直面真正的问题。当你不能用一些花样和装饰掩盖的时候,你就不得不做好那些真正本质部分
从数学角度思考,只要没有错误,每一个数学证明都是永恒的。所以数学家哈代会说:”丑陋的数学是在这个世界上是无法存在的”。以永不过时作为目标是帮助自己找到最佳答案的最好方法,如果你不想让你的产品被别人所取代,那你就只好做出那个最佳的产品。这也是为什么一些大师的作品在任何时代都很有吸引力的原因了。
同样,把永恒作为目标也是一个避开流行趋势影响的方法。”流行(Trend)”会随着时间改变,它和”潮流”,”时尚”一样,每年,每个季度,甚至每天都不一样。但是如果你要设计出杰出的产品,你应该避开流行的掌控。拿三星和苹果做比较,三星的是典型的追求流行的公司,它的文化是紧跟用户的需求,用户要什么他们就做什么。而苹果的文化是要做出杰出产品,他们不是那种对用户言听计从的人,他们不关心当下流行什么,只关心如何找到那正确的答案。同样,如果看国内的创业热潮,很多idea是追求当下流行,常常照搬美国的最流行的东西或者概念,互联网概念一出一大堆,一会儿LBS,一会儿SOLOMO,一会儿Cloud Computing,一会儿Pinterest等等,媒体把概念炒的风风火火,不但没有帮到创业者什么忙,反而误导了很多人,以为找一个很火的概念就一定能做好,就一定能有人用。结果并不是这样,不论之前团购的火热,或者社交游戏”Draw Something”的火热,它们都是一个流行的产物,随着时间的推移,它们会慢慢淡入我们的视线。反之如果一个东西能够长盛不衰,那说明它的吸引力一定来自于本身的魅力,而不是流行因素的影响
既然好的设计是不受时间影响的,那么如何判断你的做的东西是否受时间影响呢?方法之一就是让你的作品对上几代人有吸引力。因为我们很难猜测未来是什么样子,但是可以肯定的是,未来的人不会关心当今的流行趋势,这一点和上几代人相同,上几代人也不会关心当下的流行趋势。所以,如果你的作品对今天的人们以及200年前的人都有吸引力的话,那么它很有可能对未来200年后的人还有吸引力。
好的设计可以让产品更容易被理解,许多设计者设计了半天,做的很辛苦,但是如果他解决的是错的问题,一切都白费。举个例子,20世纪中期伴随着包豪斯的影响,现代主义诞生后,出现了一股无衬线(San-Serif)字体的热潮,浪潮发展到最后,甚至现在所有的设计师在任何地方都在用Helvatica了,因为都知道这个字体是简洁的。的确这类字体是更加的纯粹化的字体,看起来的确很简洁,但是在字体中它并不是是你要解决主要问题,字体设计最为重要的目的是易于辨认,也就是让内容变的易读(readable)。传统的Times New Roman 字体是一种有衬线(serif)字体,他很容易分辨。还有很多很好的serif字体,例如Garamond,Baskerville,Carlson,Egyptienne等等。优秀的产品需要贯穿到每一个细节,就连小小的字体的选择都要做大量的研究和对比。阅读工具prismatic的设计者为了选择一款合适的字体,对其各个字体的历史,发展和优缺点做了极其精致的分析:
Garamond是法国传统风格,始于1530年,它对比划的几何比例和平衡有着超前思考,其中的字体粗细交错带来了动态的平衡和易辩性。
Egyptienne 是基于Carendon模式的一种变形,它和现代的sans-serifs字体搭配起来非常合适。
serif字体本身的线条的粗细变化和平衡就跟中国书法一样,好的书法作品是不可能每条线都一样粗细,一定是交织的平衡。人类的视觉本身对不同线宽的交错就有着美的感觉。比如下图最左边是蒙德里安在”新造形主义”﹝Neo-Plasticism﹞里的作品,其中每个交叉的线条都有着不同的粗细。如果将同样这幅画的线条变成同等粗细,那这件作品的性格就淡了。同样根据人自然的审美观,细线条比粗线条要美,比较第二和第三张就能看出来
San-Serif字体并不是完全坏的,它可以作为很好的文章标题,但是让人伤心的是大多数设计师也许只知道Helvatica,好的san-serif字体有很多,比如Akzidenz-Grotesk,Univers
Akzidenz-Grotesk 起于1896年,受到很多字体的影响,从Baskerville, Garamond和Carlson中继承了几何比例的影响,将其发展到了新的一级。当代的Akzidenz-Grotesk字体遗传于20世纪50年代后期,它已经是被扩大后的字体族,这些风格到后来启发了更加现代的Helvetica,和Univers。
字体的设计最初是由印刷术带动的,欧洲人当时声称印刷术是德国人在1450年首次发明的,但是他们当时不知道,中国早在1040年就发明了活字印刷术,虽然现在中国先进存留的印刷物最早的已经是13世纪的,但是关于毕升的发明活字印刷的事迹是早已记载在11世纪北宋时期沈括的”梦溪笔谈”中了。中国的字体一直是一门书法艺术了,其影响扩展到整个东亚,但是如今写的简体字的我们,几乎连欣赏书法的能力都快没有了,前人在字体发展上的积累并没有很好继承下去,直到现在,中文在电脑上的字体只有那么几个,相对其他语言,差的太多。这样宝贵的传统文化的丢失,让人十分感叹。
一个诚实的设计产品绝不能声称它并没有的功能,绝不能吹嘘。对于很多人来说,”设计”和”诚实”是两个很难放在一起的词,但是诚实对于设计来说太重要了,拿我们都相信的数据图表来说,如果你觉得,一个数据或者一个图表是最力的证据,是无可争辩的,那你就错了,图表也可以撒谎。信息设计和数据可视化之父 Edward Tufte 在他的书“The Visual Display of Quantitative Information” 中说,当电视里的产品或者图表说谎的时候,这个谎言就会被扩大千万倍。如果纽约时报的报道插入了说谎的图表,那么这个谎言就被扩大了几百万倍。书中有这么一个图,图中表示施行限速前后交通死亡数量的变化。
下面这个图几乎不能说明任何问题
加上几个数据点,这个图表达的就有了不同的解释
我们可以试想第一幅图的其他可能解释。
如果再加上其他地区的数据,那表现的又多了一层意义。
因此,同样的图表,可以表达很多意思,如何找到最好的表达方式是设计者需要认真思考的。
Paul Graham的设计原则
Y Combinator的创始人Paul Graham在他的文章”Taste of Maker”里讲了他的设计原则
好设计是有启发性的
好设计是困难的
好设计是看似容易的
好设计是有些奇特的
好设计是成批出现的
好设计是大胆的
文学作品可以被分为描述性和启发性,绘画作品也是,启发性的作品往往比描述性的更打动人心,正如每个人看到《蒙娜丽莎》都会有自己的理解一样。在建筑和设计领域,这个原则意味着一个建筑或者产品,应该允许你按照自己的意愿使用。比如一幢好的建筑物应该充当一个平台,人们在这个平台上可以过自己想过的生活,而不是让人按照建筑师的意思去安排你的生活
对软件行业来说,这条原则意味着应该为用户提供基础的元素,并且使得他们能够随心所欲的组合,就像乐高玩具。在数学领域,有启发性意味着一个好的研究应该可以为许多新工作提供基础。在学术界里,大体上可以把被引用的次数当做启发性的衡量标准。
做出伟大作品的人,我们会发现他们的共同点都一样,他们工作的非常辛苦。解决越困难的问题越需要努力付出,登山的时候,必须扔掉一切不必要的装备。有一个关于王石的故事印象很深刻,冯仑在谈王石时说:”王石登珠峰的时候,每登到一个阶段, 回到大本营时,就一头扑进帐篷,躺下,一动不动,一句话也不多说,队友以为没气了,但王石说,到那个时候自己只想多蓄积精神,以便能登上珠峰,其他什么都不想。”
然后冯仑又说另外一个登山者,每到一个阶段就跟媒体通气儿,很兴奋地谈自己看到的感受,结果到8000米的时候再没有力气登上去了,只好遗憾地下山。所以,当人有了一个目标的时候,就应该不遗余力,耐得住寂寞,才能登到高处。
在设计中,当困难太大的时候,就逼得设计师不得不选择最简单的设计,当解决难题成为设计师的主要任务时,那些花样,流行,装饰全都不存在了。
并非所有的痛苦是有益的,有好的痛苦,也有坏的痛苦,你需要的痛苦是让你向前冲的痛苦,而不是无作为的痛苦。设计工作中,解决问题的痛苦是好的,但是挑剔的客户和低劣的材料带来的痛苦是坏的痛苦
德国包豪斯(Bauhaus)学派的设计师采取美国建筑师路易斯 沙利文(Louis Sullivan)的”形式追随功能(form follows functions”的观点。因为当功能本身就很困难的时候,形式必须追随功能,因为没有别的精力再开发多余的”形式”了。同样,人们觉得自然界里野生动物是很美也是因为他们富有挑战的生活让他们的每一个特征都有其作用。没有丝毫装饰和浪费。
“Time always softens the pain and makes things look like more fun than they really were.
But who said everything has to be fun?
Pain builds character.
(Sometimes it builds products, too.)时间总是淡化痛苦,让一切变得比实际情况更轻松。
但是谁说生活一定是轻松的?
痛苦造就性格。
(也许还造就产品。)”Jamie Zawinski,”the netscape dorm”
当我们看到优秀的设计师做出的作品时,常常会想他们这不就是个这嘛,这也太容易了吧。但是这其实是一种错觉,一个好的产品很好用的很简单,可能是经过了不断的改善。比如好的文章读起来很轻松,但是背后可能经过反复修改。科学和技术上的重大发现,在形式上往往很简单,看过之后你会觉得这办法我也可以想出来。Adam Savage在TED上做了一个演讲,“简单的想法是如何引导科学发现(How simple ideas lead to scientific discoveries)”他通过两个生动的故事告诉我们重大的科学发现是来自于简单的,有创意的方法的,这个方法任何人都可以使用。但是实际上却并不是任何人都能做出伟大科学发现的。达芬奇的绘画有些只有寥寥几笔,但他却画出了最重要的东西,单独看这些线,你会觉得没什么困难,但是你开始画的时候就会发现那是很困难的。
用线作画实际上是最难的,因为他要求对对象的准确把握和高度的概括。许多小孩子放弃画画的原因之一就是他们开始学习成年人的绘画技法,用线条勾勒。因为用线条作画是最为困难的,而中国的传统水墨画都是用深浅的线条画出来的,所以,可以说中国传统画家对事物的概括能力是世界上最好的。而我们在新的时代却把这些能力忘记了,或者不再谈论了。
某些最杰出的设计常被认为是不可思议的,因为他超出了人们的想象。这里说的奇特也就是我们通常所说的风格。每个设计师都想有发展出自己的风格。但是如果你为了开发风格而做的产品,往往不是最好的,相反如果你只想着做出最好的作品,你就不可避免的采用一些特殊的方法。密斯凡德罗并没有想过要树立现代极简主义风格,蒙德里安也无意构造新造型主义,他们只是想做出好的作品
每个人的风格都是自然形成的,在通向正确的道路上必然会产生风格。16世纪的风格主义,19世界的浪漫主义都是追求做出完美作品的结果。
这是一个很奇特的规律,接触的设计作品永远都是成批出现的,比如15世纪的佛罗伦萨有伟大的建筑师布鲁内莱斯基,画家马萨乔,飞利浦里皮,达芬奇和米开朗基罗。当时在意大利的米兰也是同大的城市,可是15世纪的米兰却没有什么伟大的艺术家。15世纪弗洛伦萨有一些特殊的条件,这些条件早就了这些伟大的艺术家。它们是不可延续的,因为今天的佛罗伦萨已经不是这样了。今天中国的人口那么多,按比例推算,拥有达芬奇天赋的人有很多,为什么没有出一个达芬奇。原因是达芬奇和任何伟大艺术家的出现除了他本身的天赋以外,还依赖于当时的地理位置和环境。今天的人流动性很高,但是伟大的项目依然集中在少数几个热点上:比如德国的包豪斯学校,曼哈顿计划,洛克希德公司,以及硅谷产生的创业传奇。历史上任何时刻都有一些热点领域,而且也有一团体在这些领域里做出伟大的成绩。如果你远离这些中心,那几乎不可能靠自己就取得伟大的成果。你可以拉动这个浪潮,但是不可能跳出这个浪潮。
在历史的任何一段中,人们都会相信一些很荒谬的东西,并且那么的深信以至于你出言质疑就会被恶意伤害。许多文艺复兴时期的作品在当时都被认为是极其大逆不道。哥白尼对地心说感到无法解释,而他的同代人都可以忍受。爱因斯坦的相对论触犯了经典物理学家,许多年一直不被接受。奥威尔在他的著作《一九八四》中按时政府会通过赤裸的压制来控制信息的流动,特别是通过禁书的方式。听起来很熟悉吧,中国早在秦始皇时期就已经下令过销毁孔子的《论语》,以及后来的焚书坑儒。奥维德被奥古斯都驱逐出罗马,其中第一个原因就是因为他写了《爱的艺术》,即使在崇尚优秀的文化的雅典,人们在阅读某些书籍的时候也难免胆战心惊。大卫里斯曼说过,在印刷术的世界里,信息是思想的火药,所以审查者们才需要穿着肃穆的长袍来熄灭点燃的火药。因此伟大的思想往往是大胆的跟统治者对立的。这也就是解释了,为什么中国的诺贝尔奖得住们,要么是在国外得到的,要么就是在监狱得到的。
上面一部分说的事件的错误现在看来都是显而易见的,然而在当时的人们并不觉得有那么的糟糕。上海美国学校的师生看了电影《阳光灿烂的日子》,姜文跟这帮洋师生做了映后交流。临走前一穿着校服的女生问姜文”为什么电影里那些孩子都经历了文革,却感觉那么快乐呢?”。 姜文愣了一下,但反应够快,说:”我看你现在也很快乐, 等你长大了, 你才知道自己处在一个多么糟糕的年代。”同理,生活在现在的我们似乎觉得周围的一切是可以接受的,但是当过了几十年之后,就会发现原来之前的时代是那么的糟。
我们当下需要警惕的不是奥威尔笔中的”老大哥”,而是我们自己心中的对丑陋的无视。如果你想要做出伟大的成果,就不能对现实和丑陋视而不见,反而应该特别主义。
发现丑的东西比想象美的东西要容易。大多做出杰出成绩的人似乎都是为了修正他们眼中的丑陋的东西。意大利画家乔托看到拜占庭帝国的《圣母像》,深感不满,于是动手改进,他因此成了文艺复兴的先行者。哥白尼对地心说的解释感到困惑,所以去找到真正的答案。乔布斯觉得所有的智能手机都很丑陋,因此决定去设计他想要的手机。中国诺贝尔奖得主看到中国的丑陋,于是去为之斗争。所有优秀作品的秘诀就是:非常苛刻的品味,加上实现这种品味的能力。
做设计不是发现美,而是感知丑
设计与流行无关,与做出最好的产品有关
装饰是掩盖空虚内容的多余物,设计要直面本质部分
做设计的过程很难,但结果看似简单
设计需要大胆,敢于判断
转载:UI设计
什么是UI、 UX?或者说它们之间有什么不同?说句实话早几年我连UI都不是很明白,说出来都有一点不好意思了……
Ok…让我们用图片的形式来看一下UI与UX的不同之处吧。
图一:倒过来的蕃茄酱瓶设计,考虑到番茄酱快用完时很难倒出来的使用情境

图二:从定义来解释UI与 UX之间的差异,两者定义有很大的不同。
UI定义:UI是网站页面是如何物理布局。一个UI设计师会和你谈东西应该放哪里,用什么颜色。UI是负责网站的创意和视觉作品。
UX定义:UX专注于网站,它的行为与互动,比如一个盒子滑出,以及人们如何与它进行交互,比如他们会点击或输入进行交互。UX处理的内容和网站地图的结构。
图三:从专业分工的角度来说明差别,可以看出负责的部份有哪些相同,哪些不同。
图四:这张图比较复杂,但是基本上还是看得出差异。相同之处很明显,都有大胡子,但是装扮上就有很大的区别。为什么?你们可以根据定义思考一下……
下面的这张图跟上面的那张是同一张,只是风格不一样,从设计师的角色转变成很酷的时尚年轻人。
图五:从工作职责来解释差异, UX的范围很广,很少人可以精通全部,可以说几乎没有。
图六:这张图的表述可能并不全面或清晰,但可以做为一个参考。
图七:UI、 UX基本的工作项目来区分的话,UI没有品牌推广这个职位。
图八:从产品的角度看UI与UX,UI是产品的一部份,UX是使用产品的体验。
图九:UI Design:功能;Usabilitydesign:动作;User Experiene Design:情感;
图十:UI是用来取内容的工具,使用者使用UI吃完东西(内容)的体验是UX。
总结:UI设计是展现视觉层面的(界面),而UX是使用过程中的情感(互动与体验)。UX设计师不仅关注界面的设计,更关心所有会影响使用者体验的一切。如架构、互动、内容与及使用者对象、需求、价值观。
有人会说设计UI不就是在设计UX吗?如果用户的体验只注重视觉界面的美观,或许可以这么说。但是使用者手上拿的不是UI,而是产品,UI只是产品设计的一部份,体验不仅受到产品的影响,还会受到使用产品体验过程中的情境及使用者对品牌印像等等其它体验相关的事影响。
转载:微信公众号UI设计
大圆角设计并非凭空出现,其起源可追溯至早期图形界面时代。在 CRT 显示器时代,像素密度低且显示边缘易出现锯齿,设计师通过圆角弱化视觉毛刺,这是基于技术限制的功能妥协。随着显示技术升级,圆角逐渐从 “必要修正” 转变为 “美学选择”,2013 年 iOS 7 的扁平化革命中,大圆角首次大规模应用于图标与控件,打破拟物设计的硬朗边界,开启现代 UI 的柔和风格浪潮。
在应用方案上,大圆角设计需结合场景平衡功能性与美观度。在移动端界面中,卡片式布局常搭配 16-24px 大圆角,如微信读书的书籍卡片,既通过圆角区分内容模块,又降低手持设备的视觉压迫感;针对儿童应用或生活服务类 APP,32px 以上的超大圆角能传递亲和力,例如美团 APP 的功能入口图标,圆润形态更易吸引用户点击。
在桌面端设计中,大圆角应用需考虑屏幕尺寸差异。Windows 11 的窗口采用 28px 圆角,在大尺寸显示器上营造轻盈悬浮感;而设计软件 Figma 的工具栏按钮则采用适中圆角,避免过度圆润导致的操作辨识度下降。此外,大圆角还可与阴影、渐变结合增强层次感,如苹果 macOS 的控制中心,通过 24px 圆角与柔和阴影,打造出符合物理直觉的 “半透明毛玻璃” 效果。
下面来欣赏一组优秀的大圆角UI设计。




从技术妥协到设计语言核心,大圆角的演变折射出 UI 设计 “以人为本” 的趋势 —— 它不仅是视觉风格的迭代,更是对用户心理舒适度与交互体验的深度考量。
转载:UX设计便利店
做设计时总陷入这样的困境:界面元素齐全却毫无记忆点,视觉表达单调乏味,精心打磨的作品依然抓不住用户目光?其实,设计的 “质感” 往往藏在形式感里。无需复杂的创意构思,只要掌握一些实用小技巧,就能让普通设计摆脱平淡,快速提升视觉吸引力。下面为你拆解四大核心维度,手把手教你给设计注入形式感,轻松打造出有记忆点的界面!
在视觉设计领域,我们常常陷入这样的争论:“这个版本更高级”“那个设计更有品牌感”“我觉得用户会更喜欢这个风格”。这些基于设计师专业审美和经验的判断固然重要,却往往带着主观局限 —— 设计师终究不是用户,我们眼中的 “完美设计”,未必能被用户理解、接受并产生预期行为。
在数字化产品的界面设计中,Tag 标签作为高频使用的基础组件,承担着分类标记、状态提示、筛选导航等关键功能。从 NFT 平台的资产状态标注,到日常应用的内容分类,Tag 标签的设计直接影响用户的识别效率与操作体验。作为组件库中的重要组成部分,变体组件的规范化设计能大幅提升团队协作效率,保证产品界面的一致性。本文将结合实际设计经验,从设计原则、组件构成、参数规范到应用场景,全面拆解 Tag 标签变体组件的设计逻辑。
在数字产品的使用场景中,用户的每一次操作本质上都是在完成一项任务 —— 从修改个人资料到下单购物,从家电报修到优惠券使用,任务流程的设计直接决定了用户的使用效率与体验感受。对于 UI/UX 设计师而言,任务处理不仅是一项基本功,更是平衡效率与体验的核心能力。好的任务流程设计能让用户在不知不觉中完成目标,而糟糕的设计则会让用户陷入迷茫、烦躁甚至放弃。那么,如何打造既高效又贴心的任务流程?关键在于抓住 “用户核心需求” 与 “流程逻辑合理性” 两大核心。
蓝蓝设计的小编 http://www.lanlanwork.com