主要内容
-
中文Web设计中的着重号 2009-04-03 18:54
标记em用来表示强调，其默认样式为斜体。由于一些原因，中文斜体显示效果并不理想，因此对中文直接应用em标记存在不妥之处。一些设计师使用加粗表示强调，中英文显示效果都不错。不妨插一句，小字号（如12px）的加粗文本在使用点阵字体的情况下与普通文本差异明显，在使用矢量字体时则可能与普通文本差异不明显。这些设计师甚至使用strong代替em。配合标记默认样式决定标记之选择的做法必不可取。我们有理由为标记 ... ...
-
腾讯公益月捐计划 “QQ首席图标”诞生记 2009-09-01 20:20
腾讯“月捐计划”倡导爱心人士，通过每月小额捐款的形式，长期关注和支持公益项目。并和亿万爱心网友一起，每人每月1份爱，点滴付出，汇成爱海，形成强大公益合力，随时帮助需要帮助的人！ “QQ公益图标”正式亮相，让QQ用户轻松实现献爱心的公益愿望。 “月捐计划”的icon设 ... ...
-
产品设计和视觉设计杂谈 2009-02-22 11:35
有些时候，理论上的认识远远大于产品与设计本身，会直接关系到工作方法和有效程度。从产品设计上看视觉设计，从视觉设计上理解产品本身。两者如何在方法论上统一？一直认为在团队合作中一定不要忽视任何一个环节，没有谁是最重要的，谁是不重要的，只有产生的先后以及执行先后而已。当然，在环节的点上单独看，是有轻重之分的。 每次产品的出现对于产品经理来说都如同一个新生儿的诞生，但对于产生这个“新生儿&r ... ...
-
泛泛而谈界面视觉效果的一致性 2010-01-02 16:54
原来的题目设想为界面视觉效果的统一性，但是“统一”这个词似乎有点敏感，怕触动萌点无数，而我也无意去设定一个什么什么的统一性来侃侃而谈，极为专业而考究，且毕竟是一篇博客文章，怕斩首细胞无数，索性改为“一致”略为妥当。泛泛而谈更是期望随意的态度，到哪算哪。有失偏颇，也在情理之中，当情有可原。若起争议，求同存异，全为抛砖引玉。 何谓&ldquo ... ...
-
象素画の初体验 2009-12-29 21:13
Pixel art is a form of digital art, created through the use of raster graphics software, where images are edited on the pixel level. Graphics in most old (or relatively limited) computer and video ga ... ...
-
女装类视觉设计分享 2009-10-27 18:11
10月9日是国庆中秋黄金周后上班的第一天，当天近8亿人次逛淘宝，即淘宝网每分钟完成43.47万元的交易，创下国内网购单天交易最高纪录。从销售的商品种类来看，当天淘宝网上女装以接近6000万元的交易额成为销售冠军，紧随其后的是化妆品和家居用品。 那么如何把握好作为销售榜首的女装类设计呢？很多UI设计的前辈告诉过我，做用户体验，要把看的人当傻子，意思也就是我们的设计要符合大众思维通俗易懂。而 ... ...
-
Basics: 衬线 2010-01-03 16:07
在字体排印学里，衬线指的是字母结构笔画之外的装饰性笔画。有衬线的字体叫衬线体（serif）；没有衬线的字体，则叫做无衬线体（sans-serif）。 2007年摄于里昂古罗马半圆形剧场遗址（约公元前43年），从保留的石碑我们可以看出，1.所有的字母都是大写的，2.衬线的一些端倪 历史学家们认为衬线体来自于古罗马的石刻碑文。对于这些装饰性的笔画 ... ...
-
从订电影票浅议视觉等级中的色彩认知 2009-09-17 02:27
最近有一部由多位外籍华人参演的片子要上映了，我很想去看，想为GDP做点贡献，于是我想到了网上订票。在杭城的同学知道，大部分影院都是归口于时代院线，订票也大抵上要通过该网站来完成。尽管我最后未能完成网上订票的夙愿（按步骤走完，我才发现我必须拥有一张会员卡才能订票，这又是另一个说来话长的故事了），但是我至少发现了一个有趣的、值得我写下点什么的地方。 于是我挑选了一个具有代表性的页面截屏以纪念： & ... ...
-
桌面产品变形出击！ 2009-06-27 21:25
炎炎夏日来袭，暑期档的好莱坞大片早已争先恐后般进入各大影院，6月24日《变形金刚2》（以下简称《变形2》）将在国内首映，此举势必掀起全球“变形迷”新一番追逐的热浪。腾讯与《变形2》片商合作，乘着这股热浪顺势推出了QQ拼音、QQ影音和TT浏览器的《变形2》专版设计。 QQ影音首试异形皮肤，设计上配合主角擎天柱的造型特点和用色方案，加入机器破损肌理和残缺部件等 ... ...
-
趣用文化元素 2009-09-02 20:49
一扯上文化二字，总觉虚无缥缈、漫无边际，或者老气横秋，如何有趣地利用中华文化的思想和符号，结合现代的元素，使其成为有意思的传播手法，这个问题的思考过程形成了一套腾讯桌面产品的宣传广告及此文。 这段时间大家浏览PC.QQ.COM首页的时候，在头部的广告位里会发现一套水墨风格的系列广告，这是设计中心为桌面产品系列进行的一次整体的品牌广告包装。本次尝试着结合中华文化的思想以及符号，表达腾讯桌 ... ...
-
艺术与视觉设计批判 -用户 2009-05-17 00:24
艺术与视觉设计的区别在哪儿？在于服务的对象不同？目的性不同？实现的途径不同？我们不妨大胆的抛出言论：它们的区别在于“用户”不同！ 艺术，最原始状态是完全的个性化表现，个人精神世界的符号化（物的）过程。从某种意义上来说是取悦自我，在艺术的世界里艺术家的一切可以是自由的、理想化的。同时它是时代与历史的产物。 故此，艺术 ... ...
-
设计中的生理色差 (2) 2010-02-20 11:33
接上篇设计中的生理色差 (1)。 文章发出去后，很快收到了QUESTER的回复。 这个是科学的，但是并不等于是可行的解决方案。 通常来讲，没有经过训练的常人裸眼，不可能分辨出10%以下的色彩差异。 因此，在普通设计上追求校正眼球色偏差，不如多去考虑一下正常的途径：校正不同的屏幕显示颜色。 这才是比较靠谱的做法，也是实际运用中常常出问题的部分： 例如，绿色和紫色以及大部分的中间灰色， ... ...
-
小xiao说说创意图标设计心得 2009-11-16 20:33
很开心可以和导师阿坚在08gui大赛中一起去完成《fight》的图标设计，在这个过程中真的是受益匪浅！这里我谈一下在这个过程的一些小小心得。 首先在创作初期，我先描述了自己的想法，主要的设计方向是一套骷髅主题的图标，阿坚并没有赞成或反对这个想法，只是叫我先去画草稿给他看。这就是最开始的手稿： 画出来的骷髅没有任何特色，不知为何下手去美化和添加这个骷髅的性格特征，此时阿 ... ...
-
视觉设计前瞻实用性研究（PNVD） 第三期 2010-01-02 16:53
PNVD如期而至，这期尤其精彩，方兄唤起你对视觉创作的欲望；三木极力推崇极简主义，用简单的元素和氛围打造一个纯粹极致的视觉场景，以及海味很有实用性的FLASH宽屏技术，让我们在震撼中学到更多，闲话不说，让我们慢慢品位吧： 本期特约作者：方兄，三木，海味。 相关连接： http://www.photoshoplady.com/tutorial/super-grungy-metallic ... ...
-
Lineless Design 08GUI大... 2009-01-21 12:44
08GUI大赛已经成为去年的回忆，在09年初始，记录一下作个小结。 关于出发点 目前，大部分图标设计都在对一个具象物体的表达技巧进行探索，这种现状无可厚非，毕竟绝大多数图标是侧重于易用性的，但是不是可以尝试跳出来，从抽象的角度去表达图标的内在层面，为满足个性化需求提供更多的可能性。这便是Lineless Design的出发点。 关于主题的选取 为什么选择了安东尼&middo ... ...
-
百度有啊的表情很牛！ 2008-12-13 20:39
不管百度有啊的名字不怎么样，不管百度有啊的运营不怎么样。但，有啊的产品设计，在易用性上很棒。前人的改正过错误它没有再犯，前人依然存在的问题它在改进。这也是跟进者的优势。百度有啊的这套图标，堪称最大的亮点。生动有趣、有想法、有创意、做工精细用心。明天我要在IM上用这套表情。 &nb ... ...
