首页

腾讯设计师出品!帮你找到设计创意的情绪板设计

前端达人

很多时候我们会觉得情绪板设计可有可无,或者因为时间的关系不允许我们经过这一步。但,如我一开始提到的点,情绪板可以在前期帮助我们去打通很多思考的壁垒,辅助设计师在前期直观的与产品侧进行方向上的探讨,从而找到大方向上的共识。

用一篇文章,带你了解12种常见的网页布局设计

前端达人

好的网页设计具有很强的适应性并且对用户来说始终是友好的。

遵循网页布局的最佳实践,能够带来全新的数字体验,灵活地调整不断变化的技术和设计趋势,进一步实现品牌目标。

2021年,这10种网页设计流行趋势值得关注!

前端达人

编者按:这篇趋势分析的文章出自资深设计师 Lyudmil Enchev 之手,汇总了 2021 年在网页设计领域值得注意的 10 个重要趋势。

2021年,这10种网页设计流行趋势值得关注!

虽然移动端设计在持续地繁荣发展,但是网页设计依然是当下硬性的设计需求。相比于以往,网页设计所面对的要求,其实越来越高,不仅要细致到位,要功能全面,要能够贴合趋势,还要能兼顾桌面和移动端。

从网络上找到灵感并不是一件复杂的事情,不过要将新的样式应用到网页中,给旧有的样式翻新,都需要配合技术的进步和新的工具。

在网页设计领域中,设计趋势从来都不是为了设计而诞生的,相反它更像是视觉、品牌、技术、先锋探索综合作用下,落地到网页作品中的一种综合表现。越来越多的技术和设计人员将聪明才智和天才想法融入到网页当中,才催生了如今我们看到的这些「趋势」,而这个,就是我们今天要聊的东西。

1、卡通插画

其实严格意义上来说,卡通插画一直在流行,流行了很多年。从卡通插画在电视上成为一代又一代人的视觉和设计启蒙开始,它就从来没有离开过网页设计的主流领域。

也正是因此,直到今天,当我们谈及网页设计趋势的时候,卡通插画也会是我们最容易想到的一个趋势发展方向。插画,是一位设计师自由创作发挥的通行证,而卡通插画,是最容易带着设计飞翔的一个设计技术。

卡通插画足够灵活,装饰性非常强,在题材和风格足够切合的情况下,能够更快和用户构成情绪上的纽带,可以说是非常强大了。

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2、3D 和景深效果

当然,不止是在这一篇文章里面强调过,3D 的重要性和作为趋势的流行程度。从文字排版到视觉图像,3D 在视觉领域的快速增长和市场需求是大家有目共睹的。

值得一提的是,在网页这个领域,除了诸多视觉元素的视觉设计之外,有一个非常突出的趋势,就是运用 3D 来构建视觉景深,渲染出层次,这非常强大。

这种景深和 3D 元素所构建出来的沉浸感使得整个网页充满了吸引力,结合色彩,阴影、高光,在高清晰度的屏幕上,这些都成为了将用户留下来的理由。看看下面的案例,你就明白我说的意思。

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

3、失真和故障效果

失真和故障效果则是另外一个重要的趋势。视觉噪音,随机的元素,缺陷,故障,模糊,低保真的元素,粗野主义式的设计,这些在这个以精致细腻为上的时代,制造出了一种反主流的声音。

并非它们必须这样,但是这样的视觉风格确实更容易在成堆的精致细腻设计当中脱颖而出——当然前提是你的故障和失真效果能够做的足够「好」。

奇怪的配色,反直觉的排版,明显的错位,看起来怪诞但是有趣的设计,这样的设计通常需要设计师更好地在对错好坏之间拿捏平衡。

感觉,感觉很重要,你明白嘛?这不是反逻辑也不是反设计,是特立独行。看看下面的案例吧。

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

4、90年代复古风

怀旧也一直在流行,你知道的。但是如何怀旧?90年代,数字化设计刚刚从像素开始向着更加细致的未来前进,这个阶段,有大胆的尝试,有快速更迭,这些介乎新旧之间的数字设计,是我们对于 90 年代设计的美好回忆。

相比于 80 年代的粗陋(图形化界面还在艰难普及中),90年代是腾飞的阶段,从界面到游戏,在拟物化走到之前,那种介乎精致和复古之间的微妙感觉,是非常有趣的。

对于新世纪才出生的 Z 世代而言,90年代是陌生的,但是这个时代又是很容易可以被追溯到的,这也是使得 90 年代的数字风情有着能够打通不同年龄段用户的奇妙气场,它的逐步流行,并不令人意外。

你总能在这些设计当中,get 到到某些东西,然后微微一笑。

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

5、微交互和微动效

严格意义上来说,微动效和微交互并不是趋势那么简单,在如今的 UI 和 UX 设计当中,它是必不可少的组成部分,它已经从过去的「加分项」变成了如今的「基本要求」。

微交互和微动效通常不会做得特别的显著,但是它们会深入到 UI 界面的各个地方,按钮,小图标,行为召唤式的文本,翻页按钮,光标,产品图,弹出框,等等等。

微交互和微动效从最初的只需要确保可用性,到如今需要好看易用又有趣,可以说要求是比以往有明显提高了。在接下来的 2021 年可以预测的是,微动效会更加强调趣味性和交互性。

如果你正在考虑这部分的设计,看看下方的设计参考吧。

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

6、实验性配色

在关于网页设计趋势的文章当中,不探讨配色是不完整的。2021年的年度流行色是什么?不妨等等潘通下个月月初公布的2021年年度色。那 2021 年的在配色方法上的趋势是什么?是实验性配色。

在以往追求协调配色的时代,和谐的搭配是最主要诉求。不过现如今,用户、品牌乃至于设计师都在寻求一些更加新鲜独特的东西,实验性的配色就是在这样的诉求之下,逐渐流行起来。

这些实验性的配色通常会带有一些渐变的特质,一些反习惯和反逻辑的搭配方式,饱和度较高的蓝色、紫色和红色的融合,一些更为黯淡或者更为刺眼的搭配方式,强烈的视觉实验仿佛是在探索用户的接受极限在哪里。对于如何落地,多看看那些优秀而微妙的已有的范例吧。

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

7、超粗字体样式

如果说有什么趋势在 2021 年是非常明显的话,我只能说,是更为大胆的排版和更为粗壮的字体笔触。当然,这些设计本身是要具备相当的视觉美感和愉悦性的。怼到出血位乃至于版面之外的文本,快速切换的字体效果是「注意力经济」催生的一种设计策略。所有的一切——尤其是文本——仿佛在大声地吼叫着:看我看我看我!

这大概就是这种设计趋势诞生的本质。不过如果你设计的足够炫酷、炸裂或者优雅,谁又会去责怪你呢?

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

8、手作的质感和风格

我们似乎开始厌倦横平竖直均分的网格,那些并不那么精准,带着手工制作的「不够」的元素,对于越来越多的用户而言,似乎是更好、更加易于亲近的东西。因为这样看起来更加个性,似乎给网页赋予了某种真实质感,甚至可以脑补出这些手写、手绘、手撕的视觉元素背后,站着一个有血有肉真实存在的人。

这大概才是手作感真正让人开始沉迷的重要原因。你可以开始尝试一下这种这些自由的、非正规的、甚至有错漏但是显得非常友好的视觉元素,字体,插画,排版方式,装饰元素,等等等等。

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

9、3D插画和动画

其实我们在前面已经反复提及了3D的部分,不过现在再做一个汇总:走出平面2D的领域,来试试有趣的 3D 设计,无论是好玩逼真的建模和阴影、有趣的材质和细节、脑洞大开的动画、充满纵深的转场和强化的交互,都能够让网页的设计,在2021 年更加吸引人。

因为炫酷本身就足够吸引人了不是吗?

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

2021年,这10种网页设计流行趋势值得关注!

10、极简主义风格

极简主义最后还是要提及一下。虽然总体来说是老生常谈,但是它依然是很多设计师热衷、很多用户喜欢的一种主流的风格,也是值得追随的趋势。

必须说的是,还有很多厌倦了各种流行样式的用户可能会拥抱极简主义,它会作为一种持续的「趋势」而存在。这也是极简主义最让人着迷的地方:将你需要的必要的部分呈现出来,且只呈现这部分东西,没有过度装饰,没有无效信息,简单直接。

2021年,这10种网页设计流行趋势值得关注!


2021年,这10种网页设计流行趋势值得关注!
蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务




「新拟物化」过时了!此刻你最应该拥抱的是「玻璃拟物化」!

前端达人

虽然「玻璃拟物化」并非是全新的事物,但是确实有越来越多的设计师正在尝试这样的设计风格,并且在这个多灾多难的2020年底能看到这样的新东西,总归会让我们对未来有那么一丝期待 。

用上这款分析工具,你看上去就像一个高级 UI 设计师了

前端达人

5W1H 这种分析方法,是比较宏观的分析工具。它的应用是针对整个项目的开展来进行,帮助我们围绕产品需求有计划有逻辑性的制定解决方案。

在这个框架下,就方便我们决定要引入哪些其它分析方法或者理论内容,例如 SWOT、KANO、AB TEST、RMF 等工具。

也因为我们对整体的认识更清晰,决定了我们应用理论和其它分析模型的精细度、细节方法。让设计师在项目处理过程中可以更灵活,更专业,更游刃有余。



斯坦福大学 Design School 所倡导设计思维的原则和步骤是什么?

前端达人

Design project的第三个特点是根据反馈快速迭代。我们的第一个想法是设计一个暑期实习计划,鼓励EPAPA学生到心仪的企业做一个简单的实习(即使是打杂也无不可),由学校和企业合作提供培训和导师,旨在帮助学生在进入大学之前就对感兴趣的职业有第一手的认知,例如我们认为如果你亲眼看过谷歌的工程师工作,就会对成为工程师需要什么知识更加有谱。我们拿着这个方案到学校和老师、学生交流,收集他们的反馈,发现其中一个较大的问题:学生自己分析和提取信息的能力较弱,很难从两个月的实习期当中收获很多有用的信息,我们设想中的“从实干中学习”很难实现。

那我们最终设计的方案是什么呢?在这里卖个关子,如果大家感兴趣可以去看我们小组final presentation的内容:

黑川雅之——日式禅意与工业设计的结合

前端达人

黑川雅之,世界著名工业设计师,将建筑的思维融入工业设计中,并开创东方日式美学和西方工业设计思维融合的先河,甚至对后来原研哉和深泽直人的创作都有重要的影响。黑川雅之被称为日本设计圈的达芬奇,作为日本建筑和工业造型设计界的代表人物,他个人本身就像是一部活的工业文明发展史。

说黑川雅之是日本战后将日本传统文化和西方现在工业设计完美结合的第一代设计师一点也不夸张。

在工业设计的世界里,黑川雅之将日式禅意美学与西方工业设计世界注重完整和功能性做了完美的融合。从他的工业设计中都可以看出来对空间和时间的反思和理解。

黑川雅之老师提倡设计应该关注通感,而不该只是注重外在的表象和造型。所以,黑川老师强调在视觉设计之余,要更加关注设计对象对其余感官的刺激,尤其是触觉。
代表作赏析——

结合传统的手工艺与现代感的设计,最有代表性的作品系列是Irony铸铁壶系列。沙模铸铁本身记录了铁的演变过程,在铁的表面能够清晰地看到这一由温度和时间共同留下的痕迹,驱散人们印象中光滑金属表面的冷质和距离感,金属表面也可以被打造得温润自然,既粗糙又美丽。
GOM系列

上世纪70年代是塑料和金属的全盛时期,也是注重视觉美感的年代,而GOM第一次以“材料”这个关键词登场,对于黑川来说带有向现代主义挑衅的意味。在他看来,如果说现代设计是日耳曼的理性审美意识和基督教价值观下白皙光亮的形象,而橡胶吸光的、黯黑的表面含有危险和不安的成分,黑色暗影有坏的意味,似乎是对明快现代设计的一种对抗。
PLPL餐具系列

在西方培养了盘子文化,在日本则演变为了碗的文化。 设计最重要的是通过款式、材料及材料的原始意义,将该物品周围的独特韵味表现出来。设计韵味,从而在人的内心深处引起情感上的共鸣。
黑川雅之说——
含而不露
日本设计讲求意境,不需要表达得太多,其余的要留给观赏和使用者以想象的空间。强化触感可以让材料当主角,款式的简单给视觉上禅意之美。

返璞归真
比起工业时代大规模生产语境下“追求体验”的产品,日本设计更加关注对“留白和空”的运用。不刻意去追求完美,天然的情景下或许存在杂质、存在结节、存在伤疤,但不完美本身也是一种完美,自然的哲理本身也包含着宇宙万物制衡的道理。

关注偶然
不是什么事情都会在计划下发生,人生充满了偶然和不确定性,承认并顺应偶然的存在才能迸发出无限的可能,设计也是一样。就好像在制造铸铁壶的过程中,由于不可控的温度和时间的作用,自然而随机地形成大大小小的气孔,这是偶然之力造就的美。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

一个简单案例告诉你什么是设计思维(Design Thinking)

前端达人

设计思维(Design Thinking)是通过提出有意义的创意和想法,来解决特定人群的实际问题。设计思维可以帮助各个专业背景的人通过创新的解决方案解决问题。在“设计思维”在被不同的学者提出之后,IDEO是第一家将设计思维应用于商业问题的解决之中。IDEO的创始人,David Kelley,后来又在美国斯坦福大学创建了著名的D.School,斯坦福设计学院。

斯坦福设计学院将设计思维分成5大步骤:“Empathy同理心思考”、“Define需求定义”、“Ideate创意构思”、“Prototype原型实现”、“Test实际测试”。下面具体阐述。


第1步:移情/同理心

移情就是对他人的情感或情绪感同身受的能力。

第一步的目的是进行用户研究,从而了解人们真正关心的东西,我们需要真正了解他们的处境,比较常用的方法是用户访谈。

举个例子,如果你想帮助老年人进行设计,你可能会发现他们行动能力下降,但是他们想保持走动的能力。 在和他们进行访谈的过程中,他们可能会与你分享他们实现目标的不同方法。 在访谈后期可以进行深入挖掘,寻找个人故事或比较极端的场景。 理想情况下,你可以与多个访谈者人重做此过程。

第一步:对老年人进行用户研究

当然用户研究的方法不仅于此,还可以:

·进行民意调查或组件焦点小组进行调查。

·勤发电子邮件,了解受众对当前活动的反馈。

·统计数据、视觉跟踪软件也能派上大用场。

·嵌入代码,观察设计元素对交互的影响。

·通过社交网络、亲身交流对交互效果进行监控。

·对你的受众进行群体划分,了解不同群体对相似的产品、品牌或设计的反应。


第2步:定义问题

通过访谈,你现在可以了解人们在特定活动中实现的实际需求。 一种方法是对受访者在谈论他们的问题时提到的动词或活动进行重点分析:比如他们会说,他们喜欢去散步,结识老朋友喝茶,或者在街角商店购物。 通过深入分析,透过表面你可能会意识到,这不是老年人喜欢外出,而是他们希望彼此保持联系。 分析后,制定一个问题陈述:“有些老人害怕孤独。 希望保持联系。

第二步:梳理用户研究结果,定义问题


第3步:创意

现在只关注问题陈述并提出解决问题的想法。 重点不在于获得一个完美的想法,而是要想出尽可能多的想法,比如针对我们的例子,我们可以提出许多想法:独特的虚拟现实体验,高级友好悬停板或改装的手推车。 不管它是什么,请画出你的最佳想法,并将它们展示给你正在尝试提供帮助的人,这样你才能得到他们的反馈。

第三步:头脑风暴,进行创意设计

第4步:原型制作

现在花一点时间思考一下你从对话中了解到的不同想法。 问问自己,你的想法如何适应人们的实际生活。 你的解决方案可能是一个新想法和已经被使用的组合。 然后连接点,勾勒出最终的解决方案,并建立一个真正的原型,以进行测试。

第四步:进行原型制作

第5步:测试

现在寻找实际用户测试你的原型。 如果人们不喜欢它,要敢于接受意见,关键是要了解哪些是有效的,哪些没有,所以任何反馈都很好。 然后回到理念或原型,并运用你的技能。 重复这个过程直到你有一个能够解决实际问题的原型。

第五步:将原型放在场景中测试,并得到用户反馈



第6步:重复以上步骤进行迭代

反馈——原型——测试——反馈——原型.......

第六步:重复以上,不断迭代


荷兰埃因霍芬理工大学工业设计系博士在读

公众号:“用设计做研究”

知乎专栏:“用设计,做研究”

设计与研究/工业设计/荷兰留学 原创文章发布


原创:

工业设计李存


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


做设计毫无新意?那跟咸鱼有啥区别

前端达人

设计行业里几乎没有什么是保持不变的,如果有,那就应该是“坚持创新”这四个字,很多设计师觉得自己没有亮眼的作品,或者老被客户说设计没新意,就是因为缺乏创造力,缺乏坚持创新的态度。所以,葱爷今天给大家分享一波作品,看看人家是怎么打破常规、做出新意的。



01 

奶茶海报海报通常都会用实拍产品图片来勾起消费者的食欲,设计风格也多为清新、甜美的感觉,而下图的奶茶海报却采用了扁平、抽象的波普风格,颜色搭配也很时尚,让人眼前一亮。

 

02 

关于导师介绍类的海报通常都是以人物为主,而且风格多追求简约、高大上,而下图这张海报只是把人物当成一个元素融入在画面中,跟整体的风格融合得更自然,扁平的几何风格和纯色搭配,也让这张海报看起来很新颖。

 

03 

用表格的形式来设计服装的单张也是比较少见的做法,规则的表格与自由摆放的产品形成鲜明的对比。

 

04 

运用水墨素材做设计的作品很多,然而把水墨3D化,搭配上科技感十足的运动鞋,既大气又很酷。

 

05 

该海报也是采用了混搭的手法,复古风的背景、矢量风格的眼睛、摄影素材(女模特)搭在一起,给人一种不寻常的视觉感受,另外,看似没什么关联的三个元素其实也是有关系的,从人到眼睛,再到背景其实是一个递进的关系,因为眼睛来自于前面的人,而发散的背景来自于眼睛。 

 

06 

日本京都水族馆的地铁广告,远看是颇具争议的词语,走近一看文字是由大量海底生物组成的,细腻而独特的画风,以及巧妙的创意,共同成就了这组经典的作品。

 

07 

潘虎包装设计实验室为莫小仙设计的这套方便面包装设计也很特别,市面上大部分方便面包装都是大大地展示产品图片,而该包装却以抽象的花纹作为主视觉,用不同的图案和颜色来代表不同的品类,在货架上非常亮眼。

 

08 

上图为国外防疫宣传海报,白底黑字加简单、扁平的插画,虽然很简单,但是很吸睛、很有趣,且清晰明了,与国内的防疫宣传海报还是很不一样的。

 

09

在上图中,设计师把直播的元素全部从手机中分离出来,然后与正在做直播的主播组合在一起,将旅游直播有趣地视觉化,背景没有使用实景,而是用了纯色块,形式很新颖,也很时尚。

 

10

用文字与人物做穿插组合的海报很多,但大部分海报的文字效果都是扁平的,而上图为了体现动作片硬朗的风格,使用了立体字,效果也是不错的。

注:文中图片整理于网络,如有侵权,请联系删除。 

 

原文地址:葱爷(公众号)
作者:葱爷


产品体验日记4.0

前端达人

分享一波APP产品体验日记,看看别人眼中的APP亮点是什么?不足处是什么?有哪些可以让我们在工作中优化借鉴的呢?一起来看看产品体验日记4.0吧~

越来越杂食了,开始胆敢加移动端外的产品体验了,以后日常生活例子估计也能拿来凑凑数~


1、微信

奥卡姆剃刀原理

微信转账提示金额数位这个功能其实出了蛮久,不过最近才发现一个小细节。就是百千万这样的位数提醒,只有超过千时才会出现,左图500块是不需要的,因为百位算日常生活非常常用的数位,用户识别速度快。即使是小功能也要做到尽可能克制,如无必要,勿增实体。

 

2、开眼

紧跟热点,保持触觉

追热点不仅仅是广告媒体的事,设计师也应该保持对外界的关注。可以适当留意贴合品牌调性的实时热点将他们运用到产品中。“拍一拍”这种轻松幽默的调性很符合开眼推送的整体感觉,用起来毫无违和感。偶尔能给用户制造小惊喜,增加趣味性。

 

3、今日头条

快速触达,原路返回

在中文处点击评论图标,可以快速定位到底下的评论区,很好满足了一部分浏览正文关键点同时看看其他用户评论观点的需求。再次点击也能回到上次看到的位置继续浏览动作。

 

调动用户情绪

作为内容产品,文章也是内容生产不可缺的一部分。如何让用户生产高质量的内容,提高平台内容质量。左图评论发布的暗提示文案“优质评论将会被优先展示”,提醒了用户用心组织评论的价值是会被优先展示,展示评论等于满足了我们需要被“看见”的心理需求。

右图如果用户进行点赞,只要手速快,界面会随着连续点赞次数的增加不断变换动画效果,各种表情蹦出和连续点击次数如“48”会持续刺激用户进行点击,也使用户点赞得到正向反馈,增强下次的点赞欲望。用过调动用户情绪达到目的。

 

定制化内容

无论是feed流文章还是评论,用户都可以关闭自己不喜欢的内容,甚至举报!举报机制如果仅让平台审核工作量巨大,通过用户举报再审核可以筛选掉很大部分,减少运营成本。而纯粹因不喜欢关闭,可以给用户贴标签,使平台推算更精准。不得不说国内的内容产品几乎只让我们看到自己感兴趣和认同的观点,时候让我们活在的同温层中。

 

4、绿洲

差异化品牌元素

如今产品同质化严重,虽然战略、范围层能决定产品的差异性,可不是设计师能左右的部分。回归到日常工作中,差异性更多可以表现在界面表现和交互上。绿洲作为一个年轻群体的内容社交平台,年轻、有趣是主要的用户特性,结合自身品牌基因,将仙人掌和沙漠等其他相关元素运用到了界面的不同地方,增加了产品趣味性又强调了品牌感,跟其他产品拉开了差异。

 

分享动机

分享作为引流的其中一个手段,怎么引导用户进行分享是每个产品想增张都需要思考的。这里分享他人的动态可以选择生成海报,海报模板可以更换样式排版,用户可以根据自身人设选择相应的分享海报风格,塑造人设。这满足了用户需要被看到甚至被认可的人性需求。表面上是分享一张海报,一款产品,实际是自我价值观的曝光。

 

明星效应

利用明星的粉丝效应和热点可以很好的吸引用户,产生情感连接。通过不消小红点不舒服的强迫行为让用户注意到明星的入驻,当然这可能产品甚至更高的范畴~(这里的小红点被我按掉了手动补一个)

 

5、一零零一

品牌感&差异化

一零零一是一款以猫为品牌形象的漫画阅读产品,除了常见的加载,空页面和引导页等地方出现小猫的品牌形象,很多页面也用了同样的视觉元素加强品牌感。多个地方出现的元素如何做到提现相同的品牌要素而不重复,这里主要提取了主形象的关键因素比如猫耳朵,猫爪,尾巴,毛线球等有辨识度的独有视觉元素。

 

6、极简汇率

逻辑清晰,操作轻便

极简汇率是一款货币换算的小工具。印象中这种工具逻辑可能是一个搜索框,输入价格,搜索框左边可以选择货币,然后出来一些不用货币换算结果,比较普通。然鹅这里的逻辑是展示常用的6种货币,直接显示他们的相对价值,因为一般用户换算需求最多就几种。要切换只需点击对应的币种比如RMB,下面即可输入并实时显示换算结果。

因为下方键盘常驻,没有收起和展示的过程,整体上更直接也减少误触收起键盘的可能性。(说是误触因为没有收起键盘的必要)右下角“交叉”点击删除最后一位,长按清空,细节也考虑得很周到。

 

元素的取舍

不同币种切换可以通过右滑实现,即使用户第一次使用,因为界面中没有可切换币种的按钮或提示,但是切换又几乎是一个必须的功能,IOS使用习惯者很可能会尝试左右滑试图找到切换功能。通过隐藏部分操作让内容更聚焦在汇率换算上。

左边界面勾选表示了选中的货币,返回按钮变成了向右箭头,暗示了界面之间的跳转逻辑,每个元素都有意义。

 

7、Geist

操作惯性&锚定效应

Geist 是一款集冥想、脑力锻炼、放松练习等放松身心的APP。新用户一进入首先会看到左边界面,通过连续回答几个明知故问的问题(正常人应该都会选是),最后抛出是否想设置提醒,由于前面用户已然形成了惯性,很可能让用户毫无察觉的设置了提醒功能~

其次当我体验完一个小游戏,选择关闭时,会有“优惠仅限一次”这种挑战用户损失厌恶心理的付费引导弹窗。值得一说的是仔细一看定价:一年费用398;终身才238???排除有钱任性的豪,用户对产品的定价预期会首先被一年的398锚定,然后发现永久的238相比之下简直过于良心。这种看似毫无意义的定价策略被用在日常生活的方方面面如餐牌上首先展示贵价的商品,使之后出现的低价显得更加划算。

 

8、网易课堂

精准定位用户

网易课堂首次使用需要选择感兴趣的只是领域。虽然这种模式并不新鲜,不过最近看到做产品要,感觉有必要再强调一下。现在算法和人工智能做的就是不断给用户贴标签,然后不断让数据库里的人更“真实”,从而让用户看到他想看的甚至帮用户决定他需要什么。如果你在电商平台搜索瑜伽垫,相关推荐是鸡胸肉,这就是理解用户。

 

9、Topys

交互层级思考

可以看到,左图是内容的默认界面,底部有点赞,评论,分享,收藏四个功能,可以说是信息阅读的标配功能。随着用户上滑时,为了一屏展示更多内容,同时提供沉浸式体验,原来右侧的三个功能分别隐藏和移到了界面的右上角(右图)。收藏增加了用户回访的可能,分享则可能带来用户增张,所以都保留到右上方,唯独评论虽然能增加内容热度,但是用户操作成本高,属于较低频操作,且如果放到右上角,不符合用户预期~

 

10、时间胶囊

沉浸式体验

时间胶囊类似一种日记的变体,有点像小时候把自己的宝贝放一个地方藏起来多年以后再打开。有一种时光依旧的美好感觉,界面的配色除了一般日记产品的文艺感,还多了一种纸质的温馨感。为了让用户相信这种美好的想像,里面的很多文案都让人沉浸在对未来的憧憬和当下的珍惜里。

 

替用户做决定

相信评价APP或者叫给APP打分都见过不少,这里直接将这种需要用户思考的表述转为:给我好评,不让用户启动心理防线,红色的爱心处理除了突出了评价功能的视觉,还暗示了好评这一潜移默化的概念。

 

11、Yahoo

数据可视化

Yahoo天气跟一般天气预报APP类似,首先视觉上用不同气候的实物图作为背景,数据表格则使用模糊的背景承载内容,比较有临场感。每小时的天气和气温排列成高低不同的竖向矩形,矩形的高度暗示了当时的温度,从而将温度具象地表现成视觉图形更快速的进行识别。可以快速地了解一天的气温变化和幅度,搭配根据时间点变化的天气Icon(月亮和太阳),清晰直观。

 

12、Halo

预判用户行为

Halo是一款摄影和壁纸分享应用,每天都会有官方和用户自发更新的图像内容。在用户分享的内容中,用户可以通过切换顶部的:原图和壁纸,模拟用作手机壁纸的效果,右边的小眼睛还给壁纸效果中添加时间或者应用APP的实际预览效果。清晰的判断出用户将要进行的行为,减少了重新到图库设置背景逐张比对效果的时间。

 

降低评论成本

评论作为内容产品常见的操作之一,其成本相对点赞,收藏来说比较高,需要用户组织语言,输入文字或者表情。为了增加评论的热度,预设留言让用户自行选择可大大降低评论的成本和心理负担。通过摇筛子的方式,暗示评论将是随机、不可预测的,通过不确定增加了用户的好奇心。不过需要设置丰富的评论范本,才不至于一篇内容下看起来都是复制粘贴的发言~

 

制造稀缺

现实生活中,资源有限,东西不够。同样的产品,越是稀缺价格越高。本质是信息不对称,就像红酒其实大部分用户不在乎或者分辨不出好坏,但是默认贵的即是稀缺和好的。通过制造稀缺引起紧迫感,给用户造成机会难得,不容错过的错觉。

 

13、Chrome浏览器 (PC)

智能化降噪

说到智能化和降噪这两个词你一定不陌生,不就是AI和以内容为中心吗?可是如果将他们合并起来看,其实设计可以有更多思考的空间。谷歌浏览器的首页常用网站快捷入口,当鼠标滑到某个入口时,仅仅显示获取焦点状态,需要稍微过一秒左右,获取焦点状态右上角才会出现删除快捷入口按钮。绝大多数用户的使用场景是打开浏览器,在首页快速点击快捷入口进入对应网站,一般不容易注意到删除功能的ICON,当他们真正需要的时候,图标自然的出现了,机器仿佛会“观察”用户,再次验证了好的设计不会让用户注意到~

 

14、腾讯翻译君

考虑特殊场景

很多产品设计的时候,在用户使用场景上的思考可能都会有一定的缺失。用户研究总是理所当然的按自己的理想使用场景考虑,与真实的用户场景脱节。这里语音播放的时候检测到用户的音量设置可能影响收听,友好地提示了用户,否则很可能让用户误以为没操作成功或功能出现问题,减少了使用障碍,非常贴心。

 

原文地址:站酷

作者:什么东东o

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档