主要内容
-
专题头图的秘密武器 2010-11-29 23:41
⊙前言 门户网站因为市场竞争日益激烈，各大门户竞相以谁家资讯更多、领域更广、内容更深等等策略来留住用户的芳心，由此近年来门户网站被称为网络世界的“百货商场”或“网络超市”。即然是个百货商场或超市，那么商场与商场之间的竞争又能通过什么方式使自己处于优势呢？ 除了扩大自己的规模、增加商品的种类、优惠折扣以外还可以通过发挥我商场的独特产品 ... ...
-
网页栅格系统研究（3）：粒度问题 2008-10-29 12:39
研究（2）中讨论了栅格系统的基础知识。这一篇将集中探讨栅格系统的粒度问题。（注：如非特别指明，栅格系统均指24列960栅格系统） 淘宝的首页（截图）目前尚未严格遵守栅格系统，如果重构的话，宽度方向可以考虑采用下面的栅格布局（只考虑页面主体部分，忽略高度的比例）：（图1） 纷乱的高度世界 我们来看下图1左上角。左上角部分目前的宽度为256px, 重构的话可以将宽度缩小到230px以符合栅格 ... ...
-
信息图形中的颜色探讨—面向色盲人士友好的设计... 2012-06-02 11:18
颜色可以用来区分信息图形上的数据类别和维度，是数据可视化中最常用的视觉变量之一。然而，世界上有超过8%的男性和0.4%的女性都被色觉障碍的问题困扰——他们在识别部分或者全部颜色时有困难。我们通常笼统的称这类人群为“色盲(Color Blindness)”（也称为道尔顿症、色觉缺失、色觉辨认障碍、色弱等）。面对如此庞大的特殊受众，设计师理应关注他们的需 ... ...
-
简谈衡量界面视觉设计的方法 2008-11-17 22:00
我们经常会遇到视觉界面设计无法衡量好坏的问题，其实简单来总结一下，可以从以下6个大方面来判断： 一.视觉有否正确传达出产品/交互意图 视觉界面设计，不是单纯的图形设计，而是整个产品设计中的一个步骤，要在理解和遵循产品概念的基 ... ...
-
翻转吧，界面！－3D UI概述 2011-04-27 13:35
随着技术发展，界面越来越简易化，二维的操作难以提供更好的交互体验，因此平面化的操作界面转向3D 空间维度发展，我们又迎来的了新的时代，一场革命性新的交互体验；本次分享，作为3D UI的概述，以下就整体的来了解下3D UI。 图1：如何定义3D 什么是3D 我们首先了解下什么是3D： 一般而言，3D也称为三次元、三维空间；日常生活中可指由长、宽、高、3个维 ... ...
-
悲剧：宜家换字体 2009-09-14 20:45
左为09年目录册，使用 Futura；右为10年目录册，使用 Verdana。Image: fontblog.de 世界在伦敦2012奥运会标志的推出后就变得不能理解了。从这个令人惊愕的奥运标志（记得 Wolff Olins 说2012年大家就会看出这个超前设计的好，现在却仍看不透），到奥迪汽车 logo 换字（via Dajuin），然后是炙手可热的杂志《032c》，设计界出现 ... ...
-
960 时代的终结 2011-01-11 00:57
按照惯例，年底的淘宝的确是到了“需要改版的时候”。这次新版的淘宝首页上线，乍看并没有多少夺人眼球的地方，但仔细揣摩其中的细节，还是发现了不少的改变。 其中有一点就是感觉页面留白过多，仔细看了下发现是页宽从原来的 960px拉伸至 1000px。 不要小看这个增加了的 40px 页宽，这对于设计师们而言可能是做了个“异常艰难的决 ... ...
-
令人难以置信的现实中的文字水电影院四维和Ph... 2009-04-23 19:28
文作者：by abduzeedo原文链接：Incredibly Realistic Water Text in Cinema 4D and Photoshop译者：ご風ぷ 昨天是下雨天，我决定设立一个水的效果。我不知道该怎么做，我看到了桌面墙纸我使用的一个形象的depthCORE海斯特章所创造Sumeco ，我们使用的墙纸周43 。要创建的效果，我必须使用Adobe的Photoshop ， Il ... ...
-
色生心中：人性化的HSL模型 2011-05-09 12:39
对于视觉设计师来说，RGB、CMYK什么的就像左右手一样熟悉。但如果仅用心算的方法，不借助于Photoshop拾色器或任何类似的工具，你可不可以快速说出“海棠红”所对应的RGB色值？如果再加一点橙色进去，把亮度提高一点，色值又是多少？ 很难回答，是吧……面对这些坑爹的问题，视觉设计师/前端工程师们通常只能打开Photoshop，输入当前颜 ... ...
-
常见视觉设计误区 2008-11-13 09:46
Article copyright by Luke WroblewskiLuke Wroblewski版权所有 作者：Luke Wroblewski 译者：UCD翻译小组， Helicopter 原文地址：http://www.uxmatters.com/MT/archives/000344.php 最近一次机遇让我重新检视了业界对于视觉设计这一角色的常见误区。这些 ... ...
-
【译】在网页设计中，如何使用图标来支持内容？ 2009-03-11 09:49
在做视觉设计时，如何高效地使用图标是一门学问：该使用什么样的图标？图标该放在哪里？大小如何？图标的使用是否帮助用户更好更快的理解内容，亦或是增加了他们的理解负担甚至产生误导？今天恰好看到了一篇很好的文章，可以帮助我们了解该如何使用图标来支持内容，故翻译如下： 为什么使用图标？设计就是传达信息：如果你的网站不能吸引用户，这个问题不在于你分享的信息有多重要、有多刺激。在访问一个网站的最初，大多 ... ...
-
如何改善软件的用户体验 之 颜色与UI 2009-05-20 22:20
顾名思义，GUIs（Graphical User Interfaces，图形化用户界面）从视觉上展现了它们的特性与功能。人机交互在很大程度上是依赖于可视界面，寻找某个事物，并与图形化UI元素进行 交互。颜色是任何视觉画面的主要特征，这并不仅限于计算机屏幕，而是任何我们所看到的事物。因为在我们日常生活中，大多数所看到并进行交互的事物都是有颜 色的——或许是看到的太多了， ... ...
-
视觉设计时不应产生新信息 2009-02-15 10:33
纯粹的对视觉效果的追求是有价值的。 原始人带骨制的项链，为的是看上去很美。在身上弄纹身，显然也不是拿自己的皮肤当记事本用。（现代人中，michael scofield是个例外。） 现代人新修缮的前门大街。这条大街的北段，基本上是依照原有建筑翻新的，可以理解为新古典主义吧。南段则是新建的房子，由于没有明确的参照，设计师可以自由发挥，这给饱学了现代主义理念的设计师提供了机会，设计了很据 ... ...
-
掌控像素的虚实 2012-05-11 11:05
3月份，Photoshop CS6 Beta版(下文简称PS CS6)发布公测，有着多项惊艳的新特性，工作中整天和像素打交道，感触比较深的特性就是PS CS6支持矢量对象绘制、变换时像素自动对齐网格。 当然，对象绘制、变换时像素对齐网格并不是PS CS6独有的功能，只是更智能更好用了，PS CS6的像素自动对齐网格功能在绘图过程中，无疑方便了很多，不必再担心图形边缘会出现模糊，但是我们 ... ...
-
视觉设计常见误解 2008-11-12 22:30
原文作者：Luke Wroblewski原文链接：Common Visual Design Misconceptions翻译：lu2ux 最近，我有机会研究对视觉设计作用的常见误解，这些误解仍然盛行于行政主管、产品主管，工程经理和市场专家中。设计团队成员如何说明这些认识是错误的？又该如何向同事和老板展示视觉设计真相？ ... ...
-
《丝路英雄》官网改版设计总结与心得 2010-04-05 22:27
大家好，我是阿枪，在这里与大家分享《丝路英雄》官网改版的一些总结与心得，希望能给大家的工作带来帮助。 之所以要进行这次改版是因为老官网品质感较差，延展性较差，用户体验薄弱，固需要重新制作拥有更高用户价值的页面。 PS:WebGame = 网页游戏 开讲前先给大家看看改版的效果,如果想体验网页效果请点击sl.qq.com 改版后: 改版前： ... ...
-
闲言碎语：设计的细节 2009-12-19 09:12
有一些朋友说：“你能不能写点设计过程方面的指导文章？比较具体的那种”，他们应该是不好意思说，其实就是让我写一些“关于如何做好视觉设计”，“关于设计如何让别人认同”甚至是“怎么画图标和界面更简便，更有吸引力”的事情。不是我不想写，而是这种东西的主观性太强，而我们国内的设计师大部分的视觉思维比较单 ... ...
-
如何把CRAP准则用到你的用户界面里 2008-12-16 17:31
原文：How to make your user interface CRAP 作者：Ashley Towers 翻译：UCD翻译小组，Torry 校对：Angela 图形设计有4个投之四海皆准的基本准则：对比、重复、对齐和近似。它们可以指导你完成引人注目的设计，而我认为它们在设计用户界面时也很（而且必须）受用。这篇 ... ...
-
迷你屋视觉规范简介 2009-02-09 07:46
迷你屋商城项目在视觉设计的过程中建立了一套相对简单合理的视觉规范，这里介绍一下规范的内容以及制定规范的思路。建议您在阅读此文之前先对《迷你屋视觉规范》有个大概的了解。或者对应着规范阅读本文。 制定视觉规范的基本思路：在整体设计的基础上，规范出具体视觉元素的表现形式，在更多的页面设计中，应用规范，而不是每个新页面的设计都重新创作。通过对页面元素表现形式的定义，让整个网站视觉表现更具一致性，视 ... ...
-
视觉设计师成长的三个阶段 2010-06-24 00:11
有不少人都看过这本书：《Grow as a graphic designer》，我自己也看过原版的PDF版本。虽然本文与这本书所讲的其实没多大关系，用这本书作楔子，实际上是想说视觉设计师在不同阶段需要认真的思考自己。现在做视觉设计门槛很低，“多数设计师不会从反思中提高”，这是我职业生涯中第一个主管给我留下印象最深的一句话，我也把它奉送给大家。 在具体项目中潜意识或有 ... ...
