主要内容
-
文字色彩与可读性分析 2010-06-10 11:16
一.饱和度与易读性：上周在做F同学的一个项目时，涉及到较多列表性的文字链接。目前除去频道和首页，全站文字链接使用一致的蓝色，色值为#014ccc，饱和度较高，在用户浏览时更易于吸引注意，但同样也容易引起视觉疲劳，高饱和度的文字并不易于阅读。上图中，下半部分的文字降低了饱和度，是不是比上半部分读起来更舒服？ 其实，大多数门户类的网站也是使用低饱和度的蓝色作为列表链接颜色的：结论一：颜色饱和度 ... ...
-
图片投射方法在会员官网视觉风格调研中的运用 2009-06-09 20:58
图片投射是一种定性分析技术，源于心理测量中用于人格评估的投射技术（Projection Technology）。投射是指人们把自己的态度、愿望、情绪等不自觉地反映在外界事物上的一种心理现象。所谓投射技术是指通过分析人们对于外界事物的反应，而去研究产生这种反应的内在的态度、愿望和情绪等内在心理活动。 在图片投射中，所采用的投射工具是一系列图片，分析人们对这些图片的反应，帮助获得人们内心想法。 ... ...
-
视觉设计不只是图形 2008-07-26 23:01
一般情况下我鼓励视觉设计师在设计之前一定更加深刻的了解设计需求： 1、这个产品需要给什么样的一群人用，他们需要什么样的视觉感受。比如，你在给一帮老干部做一套软件，就别搞的像qq那样热闹。（曾经介绍过一次 “通过收集典型用户身上的视觉元素确定视觉风格”的方法） 2、这是一个什么样的产品，它需要展现给用户什么样的”气质”和情感感受。上次说维信的视 ... ...
-
常见智能移动设备分辨率一览 2011-01-14 02:06
移动设备分辨率一览表(单位：px)，见下图： 最大为：1024×768 最小宽：240px 中等宽：320px —————————————&mda ... ...
-
美工自我培养的几点经验总结 2009-10-27 01:21
前言：话说，我一直没能理解美工究竟是什么（这是一篇投稿）。因为要求确实很多。目前，我只能理解成，是前端开发+页面设计+用户体验设计的全能手。如果这样，那么，真正的美工应该是相当强大的。但，似乎只有小公司才把这类人叫美工。然后，我又纠结了。请自行理解！ ===================== 随着公司影响力的壮大和产品的不断提升，相关的形象设计要逐步跟得上，需要逐渐提升，所以就招 ... ...
-
产品&设计&色彩 2010-07-20 09:59
设计师得到产品设计需求的时候，经常会碰到一个色彩的选择问题，产品经理最初也可能会提一些自己的意见，如 A：我觉得做一个蓝色的不错，就做蓝色的吧！ B：喜庆一点的，红色没错的！ C：这个颜色太压抑了，亮一点怎么样 D：这一块颜色好花啊！ 作为设计师应该怎么去回答呢？ 先简单分析一下ABCD,4位所要表达的潜台词。 A：对该产品从个人主观或个人经验所做出的色彩上的推 ... ...
-
iphone GUI PSD源文件下载 2008-08-21 00:43
下载点击这里 分享给那些需要开发iphone平台的网站设计师们。 国内互联网的UI设计师貌似都是一个师傅教出来的，你要是不会做个水晶图标、给底色拉个渐变，你都不好意思说自己是做UI的。可能很多设计师都有自己的苦衷，造成这个职业变成了一种恶性循环： 1 apple是靠设计取胜的，我们的网站要像apple的UI一样漂亮。 2 网站做得太简洁，老板或者客户会觉得没有创新，做 ... ...
-
奥巴马的形象设计之路 2009-04-09 13:13
Finally he wins!最终，他获胜了！视觉形象设计在一场总统选举中能发挥多大的作用？这似乎很难被评定。但反过来，获胜的奥巴马在个人竞选标志、口号甚至字体方面仿佛都有过人之处。起码，他在竞选的时候更细心，或者说他更会“利用”设计。 无论最终的胜者是谁，在美国总统候选人的视觉形象设计方面，巴拉克·奥巴马已经铁定是最大的赢家了。这里指的并不是奥巴马身体力行 ... ...
-
2009淘宝网动画节日LOGO第一季 2009-05-18 23:52
相信大家从去年圣诞节开始，逐渐发现淘宝网首页的标志开始有了新的形式，从过往的静态图片节日LOGO变成了FLASH的动画小故事LOGO。 1.1淘宝网首页FLASH LOGO设计的意义 淘宝网首页的FLASH 节日LOGO设计是为了活跃淘宝网首页的节日气氛，以情感化交流设计的方式为广大用户在大型节假日之前登录淘宝网购物营造良好的购物氛围。同时， ... ...
-
Photoshop图标(icon)设计分享 2010-08-09 11:12
不难发现，现在大部份网站都融入了图标，图标逐渐成为网站里重要的一部份，无论是导航，栏目内容，甚至是广告banner及场景…… 很多时候图标都充当着重要角色。在我们设计网页或是一些界面时，是否曾遇到这个图标不好用，那个图标有版权，这个颜色或角度不是我们需要的，那个不是我们要表达的含意…… 那么，我们需要自己设计图标。 图标设计 ... ...
-
设计中的色彩:黑色 2010-05-10 21:34
译自：Color In Design: Black 中文：设计中的色彩:黑色 原作者：Jennifer Farley 请尊重版权，转载请注明来源！ 我们已经接近这个系列的文章的结尾了。上一篇我和大家讨论了灰色，以及一些使用灰色的网站设计实例。本周，让我们更“黑”一些，关注一下黑色。像灰色一样，黑色提供一个接近中立的背景，这让设计中的其它颜色可以被突出出来。很多摄影 ... ...
-
视觉对交互的帮助——提升可用性 2008-10-18 13:14
在整个产品设计的过程中，视觉设计与交互设计的“工序”非常紧密，两者关系也是相辅相成，互相影响。而视觉界面作为最直接与用户交流的层面，如何把交互设计以良好表现形态展现给用户，这里主要集中探讨视觉在提升交互的可用性方面的作用：1.提升可浏览性2.精确与高效地传递信息与任务3.贴合用户的心智模型4.让交互富有情感 1.提升可浏览性： 1）信息结构的良好表现视觉设计在对 ... ...
-
09年QQ登录Banner之转变 2009-02-13 08:34
面对不断成长的用户，跟随用户的脚步齐步向前，做引起共鸣的改变，去除低龄化的设计，用成熟稳重的心态面对用户。 QQBanner自2006 年推出之后，丰富多彩的登录画面，给予用户许多欢乐。之所以对QQ Banner作出改变，源由公司“防低龄化”的策略，加之QQ2009新的视觉风格，因此围绕大气、稳重、含蓄、富有内涵、提升品质这几点对09年的 Banner进行改变，重在 ... ...
-
一些非常不错的国外UI网址集锦 2008-10-18 12:04
我有个好站，超级多的icon和png，发给大家小鹏 16:26:53http://www.zcool.com.cn/png/ 丹麦Icon设计师的主页 http://jonas.seph.ws/ 生活在澳洲的19岁中国UI设计师http://www.istartedsomething.com/ 韩国icon工作室http://www.zzve.com/ ... ...
-
商业视觉设计实战首部曲－标题文字篇 2010-08-27 09:20
之前我把平面设计的视觉呈现分为：构图，调子，元素和内容四大部分组成，所以我分四部曲来讲，其中元素部分又分为标题，主体和大场景三部分，今天讲的就是标题部分。在讲标题设计之前，先说说这四部曲的基本前提： 序 目标 我们做设计究竟是为了什么？公司请视觉设计师做美术包装广告究竟是为了什么？ 赚钱！ 宗旨 我们公司是 ... ...
-
盖座漂亮的“楼”–浅谈网页设计中的构图 2010-09-07 19:46
网页给人最直观的感受就是它的页面框架与构造，就像一座大楼的主体框架与形态，你可能记不起东方明珠塔和艾菲尔铁塔是用什么颜色或什么材料涂的外墙，但我想你一定记得起它们的什么样的形状。同样，网页设计中的构图也足以影响到整个网站给人的感受，虽然比喻并不十分恰当，但就网页其构图而言，些许的改变和简单的创新也许就能起到事半功倍的效果，让网站给人的视觉感受耳目一新。 如何将网页这座楼盖的漂亮？以下就例举 ... ...
-
重温《二维设计基础》 2011-02-09 15:25
俗话说“温故而知新”在看了中国美院王雪青老师的《二维设计基础概论》视频后很受启发。王老师对设计的梳理与总结很见功力，解析的深刻而清晰，好的东西不敢独享，在此与大家一起分享。 先来了解一下什么是二维设计基础？ 维度的定义 一维只有长度，呈一种相对的线形状态； 二维有长度与宽度，呈相对的面形状态； 三维有长度宽度和高度，呈体积或空间的状态； ... ...
-
腾讯形象店品牌设计 2010-01-06 21:35
腾讯形象店是公司对外形象的重要窗口，员工可在此购买公仔及来自各个系统的礼品，更有上等的illy咖啡供应。这一次我们要帮助它建设及管理品牌，从取名规划到包装执行。 一、成果 1、LOGO释义： 1) M字中间两个门为两只企鹅手牵手； 2) 中间两只企鹅大小一致，表示“印象”（通过折叠，一只企鹅印出另一只企鹅）； 3) 多彩表现业务多元化，而企鹅(Q ... ...
-
从绘画看设计“层”的概念 2011-12-20 20:12
在历代的视觉风潮中，绘画与设计在方方面面有着关联（“设计”为外来词，在传统中国中，对应的词是“经营”），很多时候都是你中有我我中有你的局面，西方美术史上的文艺复兴、新艺术运动就是其中最好的例子。身为插画师以及设计师，在这两者之间游走，有着许多体会。其中对于画面“层”的认知，尤为深刻。 一般在视觉中“层” ... ...
-
视觉焦点-剖析网页设计中的几何圆 2010-09-27 16:34
你的设计为什么平平无奇，为什么吸引不到别人的眼球，这里先来说说什么是焦点（也可以称兴趣中心或者视觉中心），我认为用焦点更能简单准确的阐述。有人用通俗的方法来诠释焦点，在设计的页面上最吸引人注意的地方，视线上集中交汇的地方，这个位置就叫焦点，在日常生活中我们运用照相机对准人的脸部，那也是在获取一个焦点。在网页设计中，引导用户集中在你想让他关注的画面上，那样会让你的设计有重心和亮点。 ... ...
