首页

从可用性角度重新解读设计风格的变迁史

用心设计

鉴于早期的图形化用户界面中,立体效果被大肆用在所有地方,这还包含了阴影、渐变和高光等一系列的效果,其目的是为了让用户能第一眼就识别出行动按键。然而,早期的GUI把这些伪3D效果应用得太过火了,在视觉上造成了相当的干扰,并极富侵略性。

9bph20151107

最佳比例的秘密!教你如何在设计中充分运用黄金比例

周周

what-is-golden-ratio-1

吉萨金字塔、蒙娜丽莎、Twitter和百事可乐有什么共同点?答案很简单,它们的设计都遵循了黄金比例。作为一个常见的数学比例,黄金比例实际上是从自然界中总结并发现的,用于设计中的时候能赋予作品更多的设计美感,赏心悦目。那么,黄金比例到底是怎么样的比例,它又是如何运用到设计中并提升设计作品的呢?

在移动应用上故事怎么讲才有逼格?

用心设计

“ 故事也许是人类最早的叙事方法。大多数人在童年时,故事用来引导他们的行为,了解历史文化和培养社会认同感。”-Form Wikipedia

bannner

iOS 9人机界面指南(一):UI设计基础

用心设计

译者注:本文译自苹果官方人机界面指南 iOS Human Interface Guidelines (2015年10 月21日),由腾讯ISUX设计师翻译整理,非发文者一人之作。译文首发于ISUX博客,如在阅读过程中发现错误与疏漏之处,欢迎不吝指出。后续章节会陆续更新,敬请期待。

91587128-6A13-4B82-9D11-5B9B1B148247

隐秘而伟大!FACEBOOK 好友图标的设计改版背后的故事

博博

为了对称,我将她肩膀上的缺口补上了,但是作为一个形象剪影,她的头发太像《星球大战》中黑武士的头盔了,所以发型还需要进行一些调整。马尾辫足够现代,也非常女性化,看起来会给人年轻的感觉,但是在32像素的宽度之下,马尾辫的效果看起来像是某种啮齿动物。如果改成长发披肩或者其他的造型,在如此低的分辨率之下也难以准确表达、消除歧义。所以,最终我使用了一个更加爽利精致的短发形象。

更新完女性剪影之后,问题来了:旧的男性剪影似乎也有些僵硬而过时。于是,我调整了男性剪影的发型,令其更加平滑,让肩膀的弧度更大。在更新这个图标设计的时候,我发现Facebook的常常会用男性单人图标来表示“添加好友”。这样的设定似乎并不公平,或者说是不准确,难道所有的朋友请求都应该用男性标识来传达么?唯一的性别图标是不恰当的,所以我准备了一组。

阿里交互设计专家:国外的视觉设计好在哪里?

用心设计

近为了团队能做好产品首页设计,我研究了很多国外to B类的相关产品设计。发现国外这类设计作品在整体水准上比国内高了不止一个档次(国内to B产品起步较晚,在设计方面的研究几乎空白),而这种差距和设计技法没有太多关系,更多的是对产品个性的把握和传达。

8lj20151125

支付宝9.2.0给我们带来的真正思考是什么?

用心设计

简之前先学会做减法

相比于9.0版,9.2版“”去了“个人信息”,按照前面提到的“减法”逻辑,“个人信息”属于不重要的功能,这一点支付宝Team可以通过其点击率、该入口页面转化率来做定量判定。

2016年设计师必须掌握的微交互知识

用心设计

何打造一款看起来非常惊艳的应用,我想大家应该有所了解,借助有趣的故事、流畅的流程和令人难忘的视觉设计就好。但是仅有这些并不够,你需要拿出一些真正能打动用户心灵,产生情感联系的东西,让他们感受到应用真正鲜活的一面。

这个时候,就需要微交互登场了。

无线产品设计之“极简之法”

用心设计

通过对用户画像的分析,我们确定了目标用户的痛点和期望,依据已知信息我们需要去做灰色预判,预判哪些功能/内容是用户想要的、哪些是与目标用户不相关的、哪些是与目标用户相关的但不是很重要的。对于不相关的,我们要大胆地删除;对于相关的但不是很重要的,要将其进行隐藏起来,毕竟80%人只用那20%的功能;对于重点内容我们需要细心对待,强化其框架,情景化其流程。

jijianzhifa

网页设计中透明效果的使用技巧

博博

在网页设计中使用透明效果是件既美观又冒险的事儿。透明效果的使用是把色块,文本或图像“变薄”或者降低饱和度,使颜色变浅透明,这样下个图层的内容就能穿透显示出来。这种方法如果用好了,效果将会特别棒——能突出显示文本或者在图像的特定区域形成焦点。但设计者在运用透明效果时要特别小心,因为这么做可能会影响页面的可读性。要是框和文本的透明度不对,更可能会影响到整体的设计。

日历

链接

个人资料

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

存档