19 Comments 1,146 views 2009-10-29 | 视觉设计 | 作者:杨梅
最近设计一个优惠券列表,有个属性是有效日期,因为空间有限,必须要把开始日期和结束日期在一行显示,这样就出现一排的数字,日期有好几种我们习惯的格式,哪个更好?
上图说话:

虽然只是小小的有效期,但列出不同的展现方式,能帮我们找到最佳的方案;
平时我们的设计也是如此,常常做了一个方案后,因为花了很多精力,总会不自觉认为它已经够好了;当我们放下包袱,好好听取其他同事的建议,也许会看到很多自己没有考虑周全的细节还有待优化,优化后再和第一版去对比,是不是更棒了?
我相信好的视觉设计,都是细节经得起推敲的。
8 Comments 1,696 views 2009-08-25 | 视觉设计 | 作者:西芹
视觉设计是什么,人们怎么认为它的,自己又是怎么对待和理解它,它的核心价值是什么。
视觉设计,冒似很艺术,跟艺术相关的职业,给大多数人的印象是做美化工作的,他们比其他人更懂得搭配颜色,PS图片等等诸如花匠般的工作。把它归结为美化,单就这个形容词看来自然变得不那么重要,在很多时候,被认为是个不重要的职能。
也许有很多从事设计的人也对它的理解是模糊和不肯定的,那么更加不用说其他人能了解多少,这样的种种导致很多矛盾,非专业的人只能凭借仅有的认知来看待它,专业的人也很苦恼为什么自己做的事情被大家轻视和看的那么简单,随便一个主观意识就可以说出一大堆,结果自己变得非常被动和压抑。
让我们一起重新认识它 阅读全文»
Tags: 视觉设计
12 Comments 3,726 views 2009-02-6 | 视觉设计 | 作者:杨梅
近年来,广告已成为很多网站的主要收入来源。不久前,在线广告往往遭到访客的拒绝,广告客户也不确定它的价值和效力。今天,大多数访客期望在商业网站上看到广告,广告客户已经认识到各种在线广告的潜在机会。长期以来广告一直是印刷出版物的一部分,如杂志和报纸,现在它们已经在网上期刊和出版物扮演同样的角色。
网站所有者或者发布的产品和服务总是会担心广告存在的影响,同时它也影响着网页设计师,因为他们必须设计出能带来广告收益同时又满足访客需求的网站。依靠广告收入的网站需要一个有合适位置和排版的设计以更好的卖出广告,广告客户需要一个能让他们的广告达到一定曝光度的位置。
当设计师没有把广告作为首要关注点,那么设计出一种尴尬的布局就很好解释了,这种布局要么有损网站流量广告,要么把广告放置在无法吸引访客注意的位置。为了让客户的广告效益达到最大化,同时对网站的界面和可用性影响最小,设计师必须在设计的整个过程中把广告需求考虑在内。
The Raw Story看上去处处都有可能有广告挤进来,损害了内容的易阅读性。

从最基础开始
阅读全文»
6 Comments 3,027 views 2008-12-31 | 交互设计, 视觉设计 | 作者:木头
在我们的生活中,需要接触大量的带有机械按键的物品。当你用手指按下按键的时候。都会或强或弱的感受一股(嗯,也有可能是一丝丝)反作用力传递到你手指的神经末梢。这是一个完整的反馈过程。
我们把从开始按到按下的过程关键帧分解模拟下。
图1:

阅读全文»
Tags: button, 按钮, 触摸屏,反馈
8 Comments 2,847 views 2008-12-23 | 视觉设计 | 作者:蚂蚁
哪行哪业都少不了基本功,都说“马步”要扎得稳。在都快说烂了的以目标用户为中心设计的今天,还是要勤练基本功的。不多说了,先了解下“设计的3个C”:

一、构图(Composition):
一个设计的构成因素如何在视觉上结合安排。构图中包括放置、组合、排列、视觉流动,以及布局上的空间区分。
二、构成因素(Components):
它们是设计中使用的视觉因素。照片、图画、图标、排版、划线、装饰、边缘和背景,全都是构成因素。
三、概念(Concept):
主题、内涵、信息和风格方面的抽象归纳。一个设计或一个形象的这种难以明说的意蕴,对于它的视觉表现和信息传达至关重要。
利用以上3个领域的一些基本原则,对于你的创造过程——无论是提取概念还是建构布局,或者是设计作品的最后定稿——都会提供一些实用的、通用的思路。
对于一个设计来说,当它的构图、构成因素和概念都已到位,并且协调一致地为目标观众与目的服务时,它就成功了。
阅读全文»
Tags: Composition, 构图, 蚂蚁, 设计, 设计的3个C
7 Comments 1,964 views 2008-12-15 | 视觉设计 | 作者:西芹
设计创新源于生活
——从生活中寻找灵感
对于这个话题的探讨网上比较多,很多人都聊过,在很多分享中,都会出现这样的话题,但还是值得我们去不断的探讨下去。前不久同事做了个类似的分享,08年的UPA会议主题也是创新,为亚洲创新。今天也想谈谈自己的感想。
每天忙忙碌碌的设计同伴们,大家可以一起来想想这个问题,你有没有在做某个产品的时候(或曾经的某些时候)有过这样的感受:“今天做的东西没什么感觉”,然后就开始漫无目的寻找,寻找触发自己灵感的源泉,这样的漫无目的有两种情况一种是还没有把产品需求了解的很清楚,这里更想说的是第二种,知道了产品的需求和其要表达的目的,但还是没感觉,不知道通过什么样的方法和表现去更好的呈现出来。这样的无助需要平时的积累、观察、思考,这个谁都不会否认。
阅读全文»
Tags: 设计创新
8 Comments 833 views 2008-06-30 | 视觉设计 | 作者:西芹

网络广告有别与传统广告,它的传播范围最广;交互性强;针对性强;受众数量可准确统计;灵活、成本低;感官性强;但广告篇幅限制严格,需要被点击触发。换句话说“点击率”在一定程度上反应广告效果,那么用户在什么情况下会点击网络广告呢?
就我个人而言,分别会在以下情况去点击:
(1)广告做的很有意思;
(2)注明有奖;
(3)会对自己比较关注的信息类别的宣传广告进行点击;
(4)清邮箱时,偶尔会点击看看。
阅读全文»
Tags: 网络广告
7 Comments 1,196 views 2007-12-18 | 视觉设计 | 作者:布林
首先在这里呢,做一个系列开篇的预告,接下来,笔者会通过视觉设计与专题内容架构的一些设计技法的分享,与大家深入讨论创造用户产生黏性的动力,以及常见而有效的表现技法.同时也希望起到一个抛砖引玉的作用,希望得到大家积极的参与!
今天开始我们的第一个话题,通过视觉语言来吸引你的用户.给你的作品创造视觉冲击力,使它在重多作品中脱颖而出,也可以使你的作品在同一界面内得到更多的关注!由此来看,视觉冲击力实在是一种创造反差与夸张的艺术.目的是吸引眼球.通过强烈的冲突,将观览者的情绪带到一定的高潮.或引起悬念,或好奇,或产生知识缺口,这些是为”黏住用户”而做出的第一步.将用户带到你的世界中来.笔者在这里总结了常见的十种表现技法,在这里分享一下,欢迎诸位大侠拍砖.
1.对比与反差
通过同一场景,状态下截然不同的主体的对比,在视觉上制造强烈的反差.形同戏剧表现上现实与虚拟,写实与轻松的切换,在短时间内制造悬念,从而产生了解下去的好奇心.

阅读全文»
6 Comments 499 views 2007-12-4 | 视觉设计 | 作者:blueben
愉悦一个用户有多难
——做情感化趣味化的体验设计
前:这是之前工作中的一些想法,在这里帖一下,抛砖引玉。内容有修改。
前几天遇到2件事
1。偶的一个广告被弊掉了
2。做了一个停站公告页
先不论做的东西的好坏
仅是想记录一下自己关于设计的一些想法
先说 停站公告 吧
停站公告是什么样的呢?做之前偶就在想。然后偶把自己放到用户的位置,我问旁边的同事,如果忽然发现网站无法访问了,你愿意看到的是什么?或者说你能接受的是什么?
用户这时候是火大的,也许正有什么事需要上来处理,忽然发现上不去了!这时候最想知道的无非是什么时间能恢复。至于你为什么出现这样的情况,你们是否正在紧张调试或者正在马路牙子上喝二锅头,对他来说有什么区别吗?
阅读全文»
No Comments 445 views 2007-12-4 | 视觉设计 | 作者:blueben
信息结构
1.功能区块划分 清晰,有理有据
2.页面元素的选择 根据因果关系,坚持精简,必需的原则
3.主次,重点关系 遵循逻辑结构,有根据,有目的
思考
1.要表达的内容
2.怎样表达:色彩,形状
创意方式
1.捕捉瞬间
2.捕捉细节
3.换个视角
4.用另一种方式思考
设计需注意的几个方面
1.清晰,方便内容查找
a.结构清晰
b.条理性
c.重点突出
2.符合公司宗旨,风格
a.创意的、创造性的
b.公司形象,地位
3.美观(web2.0风格要素)
a.简单的页面结构
b.淡背景色
c.大空隙,多留白
d.大字体
e.适当的3D装饰
f.醒目爆炸贴
g.酷图标
h.强调色
一篇旧文。07.12.04修改后发布
www.blueben.cn