首页

这些至关重要的细节,同你的产品体验息息相关

之晨

成功的产品通常是构建在一系列优秀的设计之上的,它除了拥有优秀的框架、系统的逻辑和恰如其分的运营之外,它还需要符合用户体验规则的细节,和几经验证的最佳实践来作为支撑。

今天的文章,我们来聊聊细节,从视觉反馈、文案和留白三个角度,聊聊这些同样能够影响整体体验还很容易被忽略的元素。

视觉反馈

在许多设计方案中,视觉反馈是很容易被忽略的组成部分,然而它是整个UX设计中,对体验影响非常大的元素。没有正确的反馈,就没有正确的互动。想象一下,当你和人沟通的时候,对方根本不会给你任何语言、表情和动作的反馈,这是何等的尴尬。UI界面同样是如此。

用户会对缺少视觉反馈的UI界面感到迷惑。

你需要给用户一个反馈信号,让他们知道他们的操作是成功了还失败,接下来要向上翻页还是向下滚动,等等等等。

视觉反馈的主要目的在于:

·确认APP或者网页已经接收到了用户的操作或者提交的信息
·传达交互的结果,结果可见也可理解。给用户一个信息反馈,告诉他们任务执行成功或者失败

让按钮和控件易于被感知

在现实生活中,按钮和各种开关都被设计成易于互动、易于感知的样子,这样的设计让人们更容易控制,也能让事情向着预期的方向发展。而当用户面对UI界面的时候,他们也有同样的需求,他们希望按钮和控件能够像这些日常的设计一样,易于被感知,操控。

无论哪种进度条设计,从这4个方面入手就能轻松搞定!

之晨

不管是在APP还是PC,不管是Loading页,还是在音乐播放器中,进度条的运用都非常广泛,形式也多种多样,让人眼花缭乱。做为一个交互设计新手,项目中也经常碰到进度条设计,总有很多疑惑在心中挥之不去:

目标: 为什么会有进度条的存在?引入进度条的目的是什么?

类型: 结合使用场景,进度条类型有哪些呢?它们的目标是什么?需要展示哪些信息?

形式: 进度条形式多种多样,怎样从本质上区分呢?

运用: 实际项目中如何选用合适的进度条呢?

下面列出了3种常见的进度条样式,我们将结合这3种进度条,一步一步梳理,希望可以帮助大家获得更加清晰的认知。

用好这5个技巧,帮你快速挑选出最合适的字体

之晨

时下一种流行的设计方式是在页面顶部使用配有简洁文字的大幅图片或者视频,以此吸引用户进入网站。这种设计方式最头疼的就是如何为这些文字选择合适的字体。

从样式繁多的字体库中找到一个合适的字体,往往会让设计师感到举步维艰。但是我们可以使用一些小技巧,就能找到我们需要的字体。让我们通过下面几个精彩的案列来分享这5条建议。

什么是特排字体(Display Type)

小科普!Android和iOS的设计到底有什么不同?

涛涛

之前有粉丝留言说希望我们能写一篇关于iOS和Android平台特性对比的文章,笔者曾经为两个平台分别做过差异化的设计,所以今天想借此话题为大家介绍一下iOS和Android两个系统在设计方面的差异之处,让大家能更好的理解其中的异同并运用在自己的设计当中。

作为智能手机的最大的两个阵营,iOS和Android系统差异一向都是大家津津乐道的话题,其中内容通常是围绕“机器性能好不好,打开软件卡不卡”“摄像头的像素高不高,拍出来的自己美不美”“外观是不是有bigger”等话题展开的。

但在一个设计师眼里,这两个系统的差异性之多可远远不止表面上看起来的那么简单粗暴。但在移动端趋势有如春草那样蔓延开来的今天,大多数的公司都选择把iOS的界面直接运用于Android系统。我们自然可以理解这样做是为了节省成本和更快的迭代,但抹杀了系统特性的运用却牺牲了许多Android用户的用户体验。尽管知乎也有类似回答过两个系统交互的不同,今天笔者想更着重介绍一下两者设计语言的异同。

没灵感?这里是最全的15个设计风格总结!

涛涛

今天要给大家分享的是Behance上的一篇2017设计趋势总结,虽然前阵子美丫姐在微博上还吐槽了近段时间各种设计趋势总结追风成影,但这篇还是很打动我的。因为它实在是太全面了,并且案例收集的非常精良。完全可以当做一个庞大的灵感库,时不时拿出来看看也是极好的!

下面是美丫姐的小伙伴阿昕翻译的中文版本,希望给大家带来帮助!

充分运用用户研究

涛涛

其实多数小团队都没有专门的用户研究人员,常由产品与设计师来进行调研。本文中,作者简要描述了一次专业的用户调研的经过。

2017年,这5个网页设计风格可能会成为主流趋势

涛涛

几何图案与全屏背景图结合、灰色的高级用法、色彩叠加… 这篇总结的这5个网页设计趋势,其实在年底就初现端倪,所以2017年大面积运用几乎势在必行,想不落人后记得打开阅读哟。

这8个要点,能让你的网页首图抓住用户注意力

之晨

编者按:Banner 是我们最常聊到的设计元素,它是一个网页的招牌,是用户最容易看到的视觉元素。今天,我们来聊聊Banner中的急先锋,网页首图,它的设计之道。

网页设计师都明白,网页对于用户的第一印象是非常重要的,而网页给用户的第一印象很大程度上取决于网页的视觉设计。现在的网页虽然多种多样,但是出于视觉化设计的目的,大多会使用大图背景,或者超大尺寸的Banner。当用户一打开网页的时候,映入用户眼帘的Banner ,是影响视觉设计的关键因素,它有个专门的术语是 Hero image,我们通常称之为首图。所以,网页首图的设计需要特别用心的。

网页首图不仅仅是一张漂亮的图片,它还应该是强大的视觉传达工具。谈情怀不如讲套路,今天的文章,我们就通过一系列最佳实践来为你展示首图设计的一些设计“套路”。

日历

链接

个人资料

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

存档