首页

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

双双 手机及小程序界面设计文章及欣赏

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

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

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

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

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

阅读全文>>

创造富有故事性的网页,你需要熟悉这7个维度

双双 手机及小程序界面设计文章及欣赏

网站能承载多种多样的内容,但无论是哪种内容,通常都会遵循一定的信息架构。在这其中,故事是很特别的一种类型。讲故事,往往能以更叙事、更情感化的方式,将内容传递给用户。

一个好的故事,往往始于笔端,但是最终呈现,还是要依靠精巧的设计。那么设计是如何讲好故事的呢?今天的文章,为你分享一下创造故事的7个维度。

1、图片

首先,想要讲好故事,要通过设计在视觉上吸引用户。这一切要从干净清晰的视觉设计开始。壮美的图片,有趣的插画,惊艳的视频,都会抓住用户的注意力,并给予用户第一印象。

在视觉上足够突出的图片,搭配以文案,一切开始拥有了画面感,而故事因此而诞生。从照片到色彩,从文字到细节,故事所传达出来的信息和气质,和整个视觉设计应该是保持一致的,而好的故事,能够带着用户一路走过来。

阅读全文>>

【译】卡片式设计强在哪里

用心设计 设计资源

什么是卡片式设计?

卡片式设计的“卡片”其实是交互信息的载体,通常以矩形的形式呈现。这种样式很像我们日常生活中用到的卡片,比如名片、信用卡和球星卡等。所以我们形象的称这种设计风格为卡片式设计。2URBRfV.jpg

阅读全文>>

重回80年代!为网页注入迷人的孟菲斯设计风

双双 手机及小程序界面设计文章及欣赏

复古一直在流行,这也是为什么过去许多设计趋势常常会沉寂若干年之后,又再次走到潮流的最前线。今天,我们要聊的是孟菲斯设计风(Memphis Design),这种设计风格充满了80年代的特征,明亮的色彩和多样的图形与线条充斥其间,它也是近年重归流行的设计风格之一。

了解孟菲斯设计

孟菲斯设计是一种时髦的风格,它拥有现代设计的特征,最初是源自于纺织品的设计。有人嗜好孟菲斯设计风格,而有人则恰恰相反,一点也不适应。

阅读全文>>

网站|内容策略让你的网页比以前更优秀

双双 手机及小程序界面设计文章及欣赏

先有鸡还是先有蛋?先有内容还是先有网站?这种问题的争吵从来都没有停过。如果你不想让你的网站华丽而空洞,那么你需要针对自家网站制定一个富有凝聚力的内容策略。

设计师想要在设计的时候有现成的内容,而文案也想在构思内容之前先看看视觉设计,那么到底哪个先,哪个后呢?真正的内容策略应该是涉及到整个团队的。

内容策略并不是一句口号

content-strategy-4 (1)

阅读全文>>

你的布局设定方法靠谱吗?

用心设计 设计资源

屏幕快照 2016-01-03 5.54.05 AM.png

有一种“奇怪的”现象会经常的看到“很多设计师没有办法清楚的跟其他人解释他们是如何设计的,越细致的地方可能越是如此。比如,这个菜单的宽度为什么是200px?250px或者190px是否可以?图片的尺寸为什么是278px*196px?如何确定网页的宽度?“

软件界面的设计师除了视觉本身以外,对于设计是否可以实现、大概以何种方式实现、规范可否被理解并且复制执行、设计实现的性价比与时间比等纬度都应有相当高度的认识。就像建筑设计师一样,他们一定很了解建筑材料以及如何建筑,虽然他们不会去亲自砌墙。:)

希望通过此文可以交流关于栅格化和盒子比例的设计方法。

栅格化

对于网页的宽度,设计师之间基本上比较容易达成共识,比如:950px、960px、1000px、1190px、1200px。但是如果接下来让 每一个设计师设计一个左右布局的版式,左边是一个树形菜单,右边是主要内容区域。那么可能会有很多结果。但是这些结果基本上是比较接近的。如果这些设计师 都服务于一个品牌下的话,这种情况并不是一个好的事情。会给人以没有一致性的感觉。

图1:一个产品站点,同样是980px的页面宽度,但是菜单宽度分别为:200px和245px

你的布局设定方法靠谱吗?

阅读全文>>

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档