主要内容
-
盖座漂亮的“楼”–浅谈网页设计中的构图 2010-09-07 19:46
网页给人最直观的感受就是它的页面框架与构造，就像一座大楼的主体框架与形态，你可能记不起东方明珠塔和艾菲尔铁塔是用什么颜色或什么材料涂的外墙，但我想你一定记得起它们的什么样的形状。同样，网页设计中的构图也足以影响到整个网站给人的感受，虽然比喻并不十分恰当，但就网页其构图而言，些许的改变和简单的创新也许就能起到事半功倍的效果，让网站给人的视觉感受耳目一新。 如何将网页这座楼盖的漂亮？以下就例举 ... ...
-
网页设计师美丽的陷阱 2010-09-06 09:45
从上面的图片你看到了什么？请思考 这是有一次陪同商务同事去一家内衣公司洽谈业务时，内衣公司的网络负责人对我提出的一个问题。当天我们一行4人大概花了2个小时的车程到达客户公司，这家公司在业内有一定知名度，在当地的规模属于比较大，所以感觉上大家都非常重视这一次企业网站建设的谈判。经过3个小时的会谈，到下午2点多吃完饭继续开会，此时已感觉有点疲倦不堪了，客户突然打开了爱慕的网站，指着上 ... ...
-
我不是一个简单的web UI 2010-09-03 21:17
以前别人问我做什么的，我说做网页的。或者web DESIGN，现在我更喜欢说，我是做webUI的，因为UI设计师本身包含了UE的工作。至少在国内目前大多是这样。 两年前的我还是一个只追求视觉之美的井底之蛙，不知道如何站在用户的角度考虑问题。或者说根本没有这种概念。现在的我已明白，一个产品，不只是需要外表的美丽，易用、可用才是产品的基本要求。原来以前做设计都是瞎做。呵呵。 ... ...
-
视觉大同—Visual similarity 2010-09-02 09:08
视觉，一个设计师耳熟能详的词，每个人都会有一套自己的理论，可能任何一个非设计出身的都会说，视觉就是能看得见的呗。 确实是这样，视觉广义上讲，是可以包罗所有可见事物，一种与人之间发生的体验，是一种呈现。作为终端视觉设计师的我们更是每天工作中在屏幕里添砖加瓦。想 在小小的终端创造一个世界。可是往往我们在过程中，其实还是有蛮多苦恼的，比如在处理需求，交互，视觉，开发之间各种关系的时候。受限过 ... ...
-
Retina Display 带来的字体问题 2010-08-31 23:27
iPhone 4 带来的 Retina Display 推出之初为业界带来了好消息。由于精度更加接近印刷物，设计师们期盼 Retina Display 可以带来印刷物般的阅读体验。然而对于很多 iPhone 4 用户来讲，这却并非事实——加强的屏幕精度似乎影响了阅读，这一点对于中文用户尤甚。我们的朋友 Julius Hui 今天在 Twitte ... ...
-
Web设计精确点滴 2010-08-28 23:43
这篇文章说实际问题的，所以不多强调，下面是我总结的一些比较突出的细节问题，而且我一直认为这些问题比较严重，正因为这些都是基本问题，很容易解决的，但把这种忽略养成一种习惯性的“经验”那就“杯具”了，然而这些细节问题也不同程度的代表了你的工作态度。 1)调整后的毛边当对一个位图的大小进行调整后，正常情况下会留下1px的毛边（如果你注意的话），边界 ... ...
-
商业视觉设计实战首部曲－标题文字篇 2010-08-27 09:20
之前我把平面设计的视觉呈现分为：构图，调子，元素和内容四大部分组成，所以我分四部曲来讲，其中元素部分又分为标题，主体和大场景三部分，今天讲的就是标题部分。在讲标题设计之前，先说说这四部曲的基本前提： 序 目标 我们做设计究竟是为了什么？公司请视觉设计师做美术包装广告究竟是为了什么？ 赚钱！ 宗旨 我们公司是 ... ...
-
网易UED，连个Banner都做的这么专业 2010-08-23 19:41
写在前面的话 有人觉得做个banner放2张图，排几个字的事，一点技术含量都没有，像其他门户banner基本上都是编辑们自己做的。我觉得这么说是不对的，其实一个banner可以研究的东西还是很多的，而且做一个banner是不难，难得是在短时间内做一个出彩的banner。门户的专题一般是编辑套模板拼成的，比较重要的专题，banner部分是由设计师来完成，一个bann ... ...
-
苹果iPad视觉设计分析 2010-08-21 09:31
大部分的用户都并非对体验与设计有深入研究，而是从“看着舒服、用着好用”的角度来衡量一款产品，据笔者观察一些网页设计与数码设计，发现两者之间有着异曲同工之妙，他们对用户的研究、设计发展趋势几乎是共通的，例如苹果著名的COVERFLOW，和网站设计首页焦点图展示的效果。因此，我们常提的CROSSOVER思维可以用上了，互联网与传统数码的视觉设计与交互体验可互为灵感参考。 前言 ... ...
-
Android平台QQ空间概念视觉稿 2010-08-10 09:53
一、前期的准备 制作这次风格稿的时候，问了身边的一些使用QQ空间的朋友，问他们是如何理解QQ空间的？希望的QQ空间是什么样子？得到了N多的答案，其中的一些关键字我摘录了出来：“好玩些、读写方便、速度快操作流畅、酷一点、可以看到更多和PC用户的内容、让我们来选择自己喜欢操作方式、精致漂亮、要有QQ空间自身的特点…” 在看完这些朋友们给的 ... ...
-
浅谈网页UI之Banner篇 2010-08-09 12:44
关于网页UI,UE之类的论点文章网上太多了,更多大师将这些大师分析到极致,无论是开发领域还是设计领域,这些真正的大师所发表的文章都从不卖弄自己,更多的分析而无私的供献自己的独道见解,他们所写博文与其它政治、娱乐、商业等领域所发表的博文完全不同类型，我不是大师，但我很崇拜大师。 一个页面最醒目最吸引用户的应该是Banner了，尤其是Web2.0平台Banner显得更突出，Banner主要体心 ... ...
-
浅谈网页UI之Logo篇 2010-08-09 12:42
上一篇讲到Banner是整个页面中最醒目的元素，也是占用空间最大的区块，而Logo则是代表站个网站乃至公司的形象的，网页中的Logo基本上会出现在整个网站中的所有页面，其重要性不言而喻，现在的Logo越来越具有创意性，越来越简单、干净、直接等，但这并不影响网站形象，这是互联网潮流趋势和设计理念的动向。好的Logo可以直接代表了网站的灵魂，甚至延伸致产品、文化、精神、理念等，好的Logo也刻画出作者 ... ...
-
Photoshop图标(icon)设计分享 2010-08-09 11:12
不难发现，现在大部份网站都融入了图标，图标逐渐成为网站里重要的一部份，无论是导航，栏目内容，甚至是广告banner及场景…… 很多时候图标都充当着重要角色。在我们设计网页或是一些界面时，是否曾遇到这个图标不好用，那个图标有版权，这个颜色或角度不是我们需要的，那个不是我们要表达的含意…… 那么，我们需要自己设计图标。 图标设计 ... ...
-
BANNER中的字体结构分析 2010-07-26 15:07
本来想写“Advertisemen中的字体结构分析”，后来发现这个标题写得有点大，偏离了在目前工作中的针对性，因此缩小到banner的范围，以下内容仅个人在目前工作中对banner设计上的一点浅见，仅起抛砖引玉的作用。 Banner的传达方式 [TOPIC] 针对网站中的banner Banner的本身形状：形状决定了其固定 ... ...
-
用色彩打造专业的视觉效果 2010-07-21 22:55
上周看到这篇文章,很有收获.色彩的使用无论是在网站还是工作各个环节的沟通都很重要.好的色彩可以让用户更舒服,更愉悦,同时营造更好的气氛.但同时很多问题需要在产品设计环节就该解决,否则会遗留到视觉设计并且无法解决.这篇文章讲了很多基础理论和具体的方法论,尤其喜欢这种文章,翻译出来… PS:文章很长,要有心里准备… 原文地址: http://www.webd ... ...
-
专题第一屏设计随感 2010-07-21 22:55
看过“非诚勿扰”的同学都知道，节目中女嘉宾只需几分钟时间就能决定自己的约会对象。同时也能否决掉N个男嘉宾。 如果把网页上的各色推广专题比作是参加非诚勿扰滴各色男嘉宾，而广大网友则是那舞台上18位漂亮滴美眉。决定的时间将更加短暂，就几秒钟 时间 ... ...
-
产品&设计&色彩 2010-07-20 09:59
设计师得到产品设计需求的时候，经常会碰到一个色彩的选择问题，产品经理最初也可能会提一些自己的意见，如 A：我觉得做一个蓝色的不错，就做蓝色的吧！ B：喜庆一点的，红色没错的！ C：这个颜色太压抑了，亮一点怎么样 D：这一块颜色好花啊！ 作为设计师应该怎么去回答呢？ 先简单分析一下ABCD,4位所要表达的潜台词。 A：对该产品从个人主观或个人经验所做出的色彩上的推 ... ...
-
泛泛而谈界面中的斑马纹设计 2010-07-15 09:57
大家好，我叫斑马纹 列表中使用两种相同的样式但颜色不同的背景，来间隔显示的内容。 当然这个释义我是借鉴《designing interfaces》来的，略有不同。我肯定承认这是一本神作，不过看了当下很多界面以及自身平时的设计之后，发现实际情况中使用的斑马纹在原来基础上通过视觉的处理有了扩展，不仅仅是一深一浅单纯颜色的配合使用。 图一：最正宗的斑马纹应用 图二：斑马纹 ... ...
-
Phone、Windows Phone 7界... 2010-07-14 23:47
首先是锁屏，这是消灭Tufte所说界面残渣（interface-debris，比如滚动条之类无助于信息显示的界面元素）的第一个例子。整个界面没有任何控件。 要解锁WindowsPhone只需将整个屏保往上滑。手机就在屏保图片下方。 我还记得当我第一次看见iPhone时想：“哦，终于不用再记那些难以理解的按键组合来解锁了”。现在看着WindowsPhone的解 ... ...
-
前瞻第七期 2010-07-09 20:29
前瞻第七期出炉啦！ 本期由司徒公子为您解读界面狂想曲，神秘的蛋蛋来挑逗您的点击欲，与色彩打了多年交道的杰克叔叔来展示一下他的调色板。 相关链接： http://www.whitevoid.com/portfolio/ http://www.simpleviewer.net/tiltviewer/app/ http://www.thirteen23.com/exp ... ...
