视觉设计 -- IT技术博客大学习 -- 共学习共进步！

　　物质世界客观存在，而人的“视觉成像”是对当前世界的“唯心”重建。这种重建基于个人“经验”、“感知”和“集体意识”。最初科学家认为人类通过视觉被动获取周围世界的全部图像信息而建立个人的视觉资料库，近10年来的研究表明捕获“全部图像信息”只是个传说，其中由心理学家Daniel T. Levin 和Daniel J. Simons建立的实验“真实世界”客观说明一个事实：大脑利用眼球1/10秒的速度获取重要信息，而这些信息将服务于正在进...

• 多按钮共存――don’t make me think

　　之前在一个web系统的设计中，和另一个设计师讨论，“保存”和“取消”按钮该怎么设计。我的观点是，保存是比取消更常用的按钮，也是用户的主要目的（用户不会为了取消来使用表单），所以在视觉上，保存按钮应该比取消按钮更醒目，这样更容易被用户先看到，从而提高用户的效率。　　下图：Google analytics系统中，Apply以按钮的形式表现，cancel以链接形式表现　　后来碰巧看到Luke Wroblewski写的“Primary & Second...

• 十佳等待页面设计一览

产品上线前，一般很少会放出网站来，当然也有很多会提前放出网站的等待界面来，做为上线前的预告，也为接下去网站的上线做好前期的铺垫。下面就看看这十个精美的等待页面： BetterBlogger.net Holeycoww Mogulista Uooo Pepsay PF2010 Cadmus Safe B4 Sorry Media Loot Novalistic 精美网页收集站――Reeoo.com儿童英语教育网站DEMOWordCamp China 2009 BeijingWopusIDC新版设计最近的两个旅游专题页面旅行社频道页面...

• 当视觉设计师遇上产品经理、开发工程师…

　　我是一个初入互联网的视觉设计师，和以往做设计感受最大的不同就是：一个设计的最终定稿会受到多方面的挑战，有来自产品经理的，来自开发的，来自测试的…等等。那如何在其他团队成员的面前不卑不亢，游刃有余地应对呢？下面这篇文章给了我很大的启发，特别分享给大家。　　产品经理、开发工程师和市场策划专员等产品利益关系人认为――视觉设计师在整个团队中没有突出的地位。难道这个论断是正确的吗？我们还能用哪...

• 重新认识视觉设计

视觉设计是什么，人们怎么认为它的，自己又是怎么对待和理解它，它的核心价值是什么。视觉设计，冒似很艺术，跟艺术相关的职业，给大多数人的印象是做美化工作的，他们比其他人更懂得搭配颜色，PS图片等等诸如花匠般的工作。把它归结为美化，单就这个形容词看来自然变得不那么重要，在很多时候，被认为是个不重要的职能。也许有很多从事设计的人也对它的理解是模糊和不肯定的，那么更加不用说其他人能了解多少，这样的种种导致很...

• 概念视觉设计

10月份，工作之外，做了一款控件不全的“播放器”界面，叫它播放器只是个借口，也许更偏重视觉技法的练习。本文就让我们分析下，一个复杂图形是如何从无到有的，希望对视觉设计师们有所帮助，也能盛产一些“古怪”的作品。制作之初，脑海里就反复罗列一些极具复杂的图形，闪闪发光，搜集的变形金刚素材：素描这版感觉这不错，特点鲜明，尖尖的犄角，硬硬的质感，皮肤下面泛光，结构虽复杂但交代的却很清楚。就它了：）万事开头...

• 腾讯形象店品牌设计

　　腾讯形象店是公司对外形象的重要窗口，员工可在此购买公仔及来自各个系统的礼品，更有上等的illy咖啡供应。这一次我们要帮助它建设及管理品牌，从取名规划到包装执行。一、成果 1、LOGO释义： 1) M字中间两个门为两只企鹅手牵手； 2) 中间两只企鹅大小一致，表示“印象”（通过折叠，一只企鹅印出另一只企鹅）； 3) 多彩表现业务多元化，而企鹅(QQ)是主要平台，通过M(Main)表现； 4) “腾讯印象”4字使用“腾讯网”字体，引...

• When we`re only No.2, we try harder之聊天表情设计小探讨

解释一下文章title的意思，取自William Bernbach (DDB)1963年为Avis设计的广告。（原话为：When you’re only No.2, you try harder. Or else…）去年初开始接触淘宝蚂蚁聊天表情的设计任务，上面本来想找外包广告公司做，但后来由于种种原因，最后还是决定让我这个门外汉直接设计。无论是之前提到的pixel art，旺旺的淘宝蚂蚁聊天表情，以及我们的FLASH节日LOGO，都是在别人已经做得很成功的设计领域，硬着头皮闯进...

• 视觉设计前瞻实用性研究（PNVD）第三期

PNVD如期而至，这期尤其精彩，方兄唤起你对视觉创作的欲望；三木极力推崇极简主义，用简单的元素和氛围打造一个纯粹极致的视觉场景，以及海味很有实用性的FLASH宽屏技术，让我们在震撼

• 泛泛而谈界面视觉效果的一致性

　　原来的题目设想为界面视觉效果的统一性，但是“统一”这个词似乎有点敏感，怕触动萌点无数，而我也无意去设定一个什么什么的统一性来侃侃而谈，极为专业而考究，且毕竟是一篇博客文章，怕斩首细胞无数，索性改为“一致”略为妥当。泛泛而谈更是期望随意的态度，到哪算哪。有失偏颇，也在情理之中，当情有可原。若起争议，求同存异，全为抛砖引玉。　　何谓“一致”：趋向相同。亦谓没有分歧。《易系辞下》：“天下同归而殊...

• The Story of Mr.Gray ― Web 交互设计“灰色”的8类应用

　　在进行Web的交互设计中，颜色信息的传达也是不可或缺的一部分。我们常会发现许多“灰色”的应用，他们的出现总是不动声色而又恰如其分，维持了整个页面的平衡与统一。本文将从一些实际案例出发，阐述“灰色”在Web交互设计中的8类应用。　　首先让Mr.Gray 来做个简单的自我介绍吧：　　　狭义的 Mr.Gray 　　狭义的Mr.Gray, 是指没有色相与纯度，只有明度，将黑色和白色混和而成的一种中间色。依据不同分类方法可大体分...

• 浅析网页色彩应用

　　在设计网页之前，客户或产品经理会提出对网页视觉风格设计的期望：活跃、大气、稳重、信赖、都市化….. 设计师一听到关键词或许很自然地在心里蹦出几个配色与“关键词”相匹配了。网页的色彩，是访问者登录页面时的第一印象，好的页面色彩能给用户留下深刻的印象，并且能产生很好的视觉效果和营造网站整体氛围的作用。　　色彩是我们接触事物的第一直观认知，在浏览一个新的网页时，第一认知的不是页面的具体结构和信息内容...

• 搜索结果显示：栅格视图还是列表视图？

从眼睛跟踪轨迹和搜索引擎行为研究得知，当出现一个搜索结果列表时，人们通常只点击第一个结果

• 网站按钮的设计

呼吁采取行动（行动召唤）在网页设计特别是在用户体验方面特别的重要，是网页中用于诱导用户行为的一个元素。在网站界面中，最流行的行动召唤的表现是点击按钮的形式，比如执行操作按钮（“马上购买！”），或引导用户访问另一个页面（“了解详情…”），用以要求用户采取行动。我们怎样才能建立有效的鼓动性按钮，抓住用户的注意力，吸引他们点击？我们将尝试分享一些有效的设计技术和通过一些例子来回答这个问题。

• 视觉设计前瞻实用性研究（PNVD）第二期

本期特约作者：打火机，菜花，布莱恩，为大家一起分享他们的独特见解。关键字：创意、混维所谓反 Box 布局，就是不再拘泥与传统的 Box 布局模型，而是采用一种更有创意的的布局，为

• 由黄钻等级图标处理引发的思考

在实际工作中，图标类的应用非常广泛，如同数组般的等级图标更显其特殊性。

• 视觉设计前瞻实用性研究（PNVD）第一期

Introducing Palm Pre palm pre是一款采用多点触摸屏和划出式键盘，支持EVDO功能和WiFi网络、配有GPS、蓝牙2.1技术的Palm Web OS手机。它的设计特点是，可以通过快捷键完成复杂的工作，用户界面定制为

• 小xiao说说创意图标设计心得

　　很开心可以和导师阿坚在08gui大赛中一起去完成《fight》的图标设计，在这个过程中真的是受益匪浅！这里我谈一下在这个过程的一些小小心得。　　首先在创作初期，我先描述了自己的想法，主要的设计方向是一套骷髅主题的图标，阿坚并没有赞成或反对这个想法，只是叫我先去画草稿给他看。这就是最开始的手稿：　　画出来的骷髅没有任何特色，不知为何下手去美化和添加这个骷髅的性格特征，此时阿坚示范了用“液化”工具，随...

• Qzoneing主题视觉设计分享

2009年 6月6日,空间4岁啦！与此同时Qzone月登录用户2亿，同时在线用户也突破了1000万。这是让人欢欣雀跃的数字，在空间同事眼里，空间的成长就像是自己孩子的成长一样，并为孩子取得的成

• 浅谈品牌的视觉识别

什么是品牌的视觉传达品牌，这个熟悉而又陌生的名词，有时总会让人产生误解。品牌很广，广到一个意会颇深的战略发展理念；品牌很小，小到一个清晰可见的图形符号。