主要内容
-
Photoshop图标(icon)设计分享 2010-08-09 11:12
不难发现，现在大部份网站都融入了图标，图标逐渐成为网站里重要的一部份，无论是导航，栏目内容，甚至是广告banner及场景…… 很多时候图标都充当着重要角色。在我们设计网页或是一些界面时，是否曾遇到这个图标不好用，那个图标有版权，这个颜色或角度不是我们需要的，那个不是我们要表达的含意…… 那么，我们需要自己设计图标。 图标设计 ... ...
-
简谈衡量界面视觉设计的方法 2008-11-17 22:00
我们经常会遇到视觉界面设计无法衡量好坏的问题，其实简单来总结一下，可以从以下6个大方面来判断： 一.视觉有否正确传达出产品/交互意图 视觉界面设计，不是单纯的图形设计，而是整个产品设计中的一个步骤，要在理解和遵循产品概念的基 ... ...
-
视觉对交互的帮助——提升可用性 2008-10-18 13:14
在整个产品设计的过程中，视觉设计与交互设计的“工序”非常紧密，两者关系也是相辅相成，互相影响。而视觉界面作为最直接与用户交流的层面，如何把交互设计以良好表现形态展现给用户，这里主要集中探讨视觉在提升交互的可用性方面的作用：1.提升可浏览性2.精确与高效地传递信息与任务3.贴合用户的心智模型4.让交互富有情感 1.提升可浏览性： 1）信息结构的良好表现视觉设计在对 ... ...
-
奥巴马的形象设计之路 2009-04-09 13:13
Finally he wins!最终，他获胜了！视觉形象设计在一场总统选举中能发挥多大的作用？这似乎很难被评定。但反过来，获胜的奥巴马在个人竞选标志、口号甚至字体方面仿佛都有过人之处。起码，他在竞选的时候更细心，或者说他更会“利用”设计。 无论最终的胜者是谁，在美国总统候选人的视觉形象设计方面，巴拉克·奥巴马已经铁定是最大的赢家了。这里指的并不是奥巴马身体力行 ... ...
-
迷你屋视觉规范简介 2009-02-09 07:46
迷你屋商城项目在视觉设计的过程中建立了一套相对简单合理的视觉规范，这里介绍一下规范的内容以及制定规范的思路。建议您在阅读此文之前先对《迷你屋视觉规范》有个大概的了解。或者对应着规范阅读本文。 制定视觉规范的基本思路：在整体设计的基础上，规范出具体视觉元素的表现形式，在更多的页面设计中，应用规范，而不是每个新页面的设计都重新创作。通过对页面元素表现形式的定义，让整个网站视觉表现更具一致性，视 ... ...
-
商业视觉设计实战首部曲－标题文字篇 2010-08-27 09:20
之前我把平面设计的视觉呈现分为：构图，调子，元素和内容四大部分组成，所以我分四部曲来讲，其中元素部分又分为标题，主体和大场景三部分，今天讲的就是标题部分。在讲标题设计之前，先说说这四部曲的基本前提： 序 目标 我们做设计究竟是为了什么？公司请视觉设计师做美术包装广告究竟是为了什么？ 赚钱！ 宗旨 我们公司是 ... ...
-
盖座漂亮的“楼”–浅谈网页设计中的构图 2010-09-07 19:46
网页给人最直观的感受就是它的页面框架与构造，就像一座大楼的主体框架与形态，你可能记不起东方明珠塔和艾菲尔铁塔是用什么颜色或什么材料涂的外墙，但我想你一定记得起它们的什么样的形状。同样，网页设计中的构图也足以影响到整个网站给人的感受，虽然比喻并不十分恰当，但就网页其构图而言，些许的改变和简单的创新也许就能起到事半功倍的效果，让网站给人的视觉感受耳目一新。 如何将网页这座楼盖的漂亮？以下就例举 ... ...
-
设计中的色彩:黑色 2010-05-10 21:34
译自：Color In Design: Black 中文：设计中的色彩:黑色 原作者：Jennifer Farley 请尊重版权，转载请注明来源！ 我们已经接近这个系列的文章的结尾了。上一篇我和大家讨论了灰色，以及一些使用灰色的网站设计实例。本周，让我们更“黑”一些，关注一下黑色。像灰色一样，黑色提供一个接近中立的背景，这让设计中的其它颜色可以被突出出来。很多摄影 ... ...
-
重温《二维设计基础》 2011-02-09 15:25
俗话说“温故而知新”在看了中国美院王雪青老师的《二维设计基础概论》视频后很受启发。王老师对设计的梳理与总结很见功力，解析的深刻而清晰，好的东西不敢独享，在此与大家一起分享。 先来了解一下什么是二维设计基础？ 维度的定义 一维只有长度，呈一种相对的线形状态； 二维有长度与宽度，呈相对的面形状态； 三维有长度宽度和高度，呈体积或空间的状态； ... ...
-
视觉焦点-剖析网页设计中的几何圆 2010-09-27 16:34
你的设计为什么平平无奇，为什么吸引不到别人的眼球，这里先来说说什么是焦点（也可以称兴趣中心或者视觉中心），我认为用焦点更能简单准确的阐述。有人用通俗的方法来诠释焦点，在设计的页面上最吸引人注意的地方，视线上集中交汇的地方，这个位置就叫焦点，在日常生活中我们运用照相机对准人的脸部，那也是在获取一个焦点。在网页设计中，引导用户集中在你想让他关注的画面上，那样会让你的设计有重心和亮点。 ... ...
-
手机UI设计检测要素 2010-12-06 10:19
最近忙的有点乱，对于无线的关注一直在看产品的UI，因为手上的无线项目全在筹建中，对于UI设计的要求也在与同僚中耳熟目染中慢慢的接触了新的手 机UI设计要素，同时也是对自己产品手机UI设计的要求，也为自己筹建的无线项目组定立一些手机规则，为了统一打造有点属于自己的产品，加入一些元素，手 机UI一直被我称为产品的“脸面”，一款好的手机产品一定有一套优秀的手机UI界面。 ... ...
-
09年QQ登录Banner之转变 2009-02-13 08:34
面对不断成长的用户，跟随用户的脚步齐步向前，做引起共鸣的改变，去除低龄化的设计，用成熟稳重的心态面对用户。 QQBanner自2006 年推出之后，丰富多彩的登录画面，给予用户许多欢乐。之所以对QQ Banner作出改变，源由公司“防低龄化”的策略，加之QQ2009新的视觉风格，因此围绕大气、稳重、含蓄、富有内涵、提升品质这几点对09年的 Banner进行改变，重在 ... ...
-
Icon设计要点——信息传达的准确度（一） 2010-11-03 09:38
来阿里之前主要的工作方向客户端终端的gui设计，在这里聊几句设计icon的想法，有些观点可能有争议，纯属个人经验感受。 Icon设计的核心是信息传达的准确度，就是icon所传达的信息让目标用户能马上理解，不看字面上的意思就能知晓icon的功能，那么这个icon50%是成功的，如何做到这一点？ 1．要对整个项目足够了解，对这个图标赋予的功能要了解，那么所传达的信 ... ...
-
从绘画看设计“层”的概念 2011-12-20 20:12
在历代的视觉风潮中，绘画与设计在方方面面有着关联（“设计”为外来词，在传统中国中，对应的词是“经营”），很多时候都是你中有我我中有你的局面，西方美术史上的文艺复兴、新艺术运动就是其中最好的例子。身为插画师以及设计师，在这两者之间游走，有着许多体会。其中对于画面“层”的认知，尤为深刻。 一般在视觉中“层” ... ...
-
一些非常不错的国外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/ ... ...
-
免费图标Fugue Icons - [图形界... 2008-09-22 00:28
971 icons are included in PNG format (16x16 pixel).private by http://www.pinvoke.com/，同时也能在这里下载到像素字体。 ... ...
-
浅析网页色彩应用 2009-12-21 22:08
在设计网页之前，客户或产品经理会提出对网页视觉风格设计的期望：活跃、大气、稳重、信赖、都市化….. 设计师一听到关键词或许很自然地在心里蹦出几个配色与“关键词”相匹配了。网页的色彩，是访问者登录页面时的第一印象，好的页面色彩能给用户留下深刻的印象，并且能产生很好的视觉效果和营造网站整体氛围的作用。 色彩是我们接触事物的第一直观认知，在浏览一个新的网 ... ...
-
如何把CRAP准则用到你的用户界面里 2008-12-16 17:31
原文：How to make your user interface CRAP 作者：Ashley Towers 翻译：UCD翻译小组，Torry 校对：Angela 图形设计有4个投之四海皆准的基本准则：对比、重复、对齐和近似。它们可以指导你完成引人注目的设计，而我认为它们在设计用户界面时也很（而且必须）受用。这篇 ... ...
-
视觉设计时不应产生新信息 2009-02-15 10:33
纯粹的对视觉效果的追求是有价值的。 原始人带骨制的项链，为的是看上去很美。在身上弄纹身，显然也不是拿自己的皮肤当记事本用。（现代人中，michael scofield是个例外。） 现代人新修缮的前门大街。这条大街的北段，基本上是依照原有建筑翻新的，可以理解为新古典主义吧。南段则是新建的房子，由于没有明确的参照，设计师可以自由发挥，这给饱学了现代主义理念的设计师提供了机会，设计了很据 ... ...
-
视觉设计不只是图形 2008-07-26 23:01
一般情况下我鼓励视觉设计师在设计之前一定更加深刻的了解设计需求： 1、这个产品需要给什么样的一群人用，他们需要什么样的视觉感受。比如，你在给一帮老干部做一套软件，就别搞的像qq那样热闹。（曾经介绍过一次 “通过收集典型用户身上的视觉元素确定视觉风格”的方法） 2、这是一个什么样的产品，它需要展现给用户什么样的”气质”和情感感受。上次说维信的视 ... ...
