首页

Banner设计终极宝典!6招搞定点缀元素的运用!

雪涛

我以前就反复提到过,一个最常规的最完整的Banner,一般有这五个组成部分:文案/模特商品/背景/点缀元素/LOGO,我给大家简单做了一个示例:

顶尖高手的经验!FACEBOOK的产品设计师是如何思考的?

周周

@C7210 :之前发现这部 Julie Zhuo 在斯坦福大学的演讲视频,主题为“How Facebook Designer Thinks”,全长37分钟,共分为四个主题,包括“怎样识别问题、定义需求”、“解决真正重要的问题”、“为什么要设计新表情”以及“预先定义成功”。

想剑走偏锋?试试这6种实验性的网页导航模式

周周

虽然绝大多数的设计都遵循设计规则和用户的使用习惯,但是标新立异的设计仍然非常有市场。独特的设计更容易让人难忘,这一点是毋庸置疑的。在网页的导航栏设计上,也是如此。随着越来越多的网页开始采用加粗的非衬线字体置于网页顶部作为导航,许多有想法的设计师开始有意识的打破这一规律,别出机杼,采用不一样的导航模式。

当然,如果你的网站用户量大,并且需要尽量降低用户的使用门槛,遵循常规的设计更合适。如果你的网站是更加偏向实验性的小网站,有趣而好玩的导航模式,反而更适宜于用户探索。不同的导航模式对于网站的影响不尽相同,针对不同的内容、不同的用户,你需要仔细挑选导航模式。

实验性的导航并不具备泛用性,但是如果你在追求别具一格的设计,那么下面这些独特的导航设计应该能激发你的灵感。

侧边栏导航

阅读逻辑与视线的引导

用心设计

通过引导读者的视线,让读者能够更有兴趣的接收信息,也使得文字变得更容易阅读。用户并不一定会完全按照我们为版面预设的视觉轨迹阅读,因为每个人的阅读习惯会有所差异。依照阅读逻辑编排的版面会使人自然顺畅的阅读,而了解视觉心理,也有助于将读者视线引导我们最想让读者看到的重要信息上。

网易UEDC:6个方法帮交互设计师与上下游顺畅合作!

周周

网易UEDC – 何岩:本文是刚入行的交互设计师结合整个实际项目实践,尝试探讨交互设计师和产品经理、其他上下游同事之间的“共生”关系,希望帮助设计新人找到与上下游配合的一点灵感。

(工作原因,文中配图较模糊,请见谅)

协助产品经理确定产品架构

产品经理才是最懂产品的人吗?在项目初期,大家对产品的概念都很模糊,即使是产品经理也是通过来自各方的需求、数据和竞品分析等来大致搭起框架。这个框架是否合理,框架衍生的功能流程限定在什么范围,这些问题即使是最有经验的产品经理也不敢保证。

交互设计师虽然是产品经理的下游,也应尽早参与策略层(Strategy)的讨论,如果你的领导了解交互设计的重要性并且邀请你参加项目前期的务虚会议,你就应该珍惜机会,会前做好竞品分析等准备工作,会上以交互岗位的专业视角提出建议; 如果你不够幸运,不能参与到产品战略决策,只是承接上游下达的交互任务的话,那么也不要只是沦为画线框图的工具,要发挥主观能动性积极沟通,最终让方案变得更好。

实例教学!25个帮你运用好极简风格的设计方法

雪涛

@喪心病狂十六夜貓 :在过去的几年中我们时常会听见别人说“极简风格(英: Minimalism)”这个词,但这究竟是什么,我们又该怎么使用呢?这一次,就让我们一起来看看极简风格具体的使用方法与参考案例吧。

极简风格,就是将设计省略到最小限度,只留下真正引人注意的内容,这样一种表现风格。通过极简风格,可以将设计的意图与目的更准确的传达出来。

极简风格看起来很简单,但完成作品也是需要大量的练习和长时间的制作的。


Web交互设计优化方案+check list

用心设计

“优化已有产品的体验”这是用户体验相关岗位职责中常见的描述。我们的产品常常是在快速的迭代过程中不断完善的,就像孩子生下来需要养育才能长大一样,优化已有功能/产品,和设计新功能/产品同样重要,不可偏废。

Web交互设计优化方案+check list

PM要多加底部导航时,设计师如何说服他打消念头?

周周

记得之前写过关于标签导航如何设计的一篇文章,大体上的介绍了几种类型,这周正好遇到一个关于标签导航的问题:产品经理要求在底部的导航中由原来的五个主功能增加至六个,交互设计师如何说服产品打消这个念头?本周就这个问题我详细说下当中的几个要点以及延伸出来的几个问题。

不要打破标签导航的架构

之前说过:在项目研发阶段,我们应该关注产品的主要功能,不应该偏离方向,为了其他辅助功能去改变产品的主要格局。为什么呢?

在用户使用这款产品的过程中,他们一定是为了达到某种目的或完成某项任务而去使用它,这说明产品一定拥有解决目标用户问题的功能。

覆盖层设计(上)-对话框&浮层

用心设计

什么是覆盖层?从本文的角度来讲,覆盖层指在当前页面上打开的临时界面。这些临时界面能够完成提示性的或上下文相关的任务,它们的打断性较弱,为用户保持较为连贯的使用体验。我们日常会见到的 “浮层”、“弹层”、“弹框”等都在本文的讨论范围内。

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档