主要内容
-
专题头图的秘密武器 2010-11-29 23:41
⊙前言 门户网站因为市场竞争日益激烈，各大门户竞相以谁家资讯更多、领域更广、内容更深等等策略来留住用户的芳心，由此近年来门户网站被称为网络世界的“百货商场”或“网络超市”。即然是个百货商场或超市，那么商场与商场之间的竞争又能通过什么方式使自己处于优势呢？ 除了扩大自己的规模、增加商品的种类、优惠折扣以外还可以通过发挥我商场的独特产品 ... ...
-
关注衬线使用上的细节 2010-11-21 20:25
之前就很想写这样一个很无聊的技术性文章，我这块只是在技术当中也不算是一个码活，靠的就是细致还有很多与生俱来的审美能力，以及不屈不挠的耐心和沉着。 说不出来很多废话，下面来看我的一些比较粗浅的总结 这是一套关于Button的实现，如果对HTML有了解的话，应该知道active和hover伪类，并且在网页体现中，他们也起到了很大的作用，以至于牵扯到现在就是设计上也不仅仅只是一个button样式 ... ...
-
“BUSINESS”ICON制作分享 2010-11-18 00:57
大家一般都用一般都用PS或者AI来制作icon，其实PS与AI也可以打造出不一样的效果。AI造型（不得不承认钢笔工具可以秒杀掉PS里面的钢笔工具），PS效果灵活运用可以让图标既有AI图标的简洁干净又不乏PS制作的效果。因为AI是矢量的，同时也能保证图标在某些用处的时候能够灵活的放大与缩小而不损失太多的效果，同样简洁干净的图标也是商业运用的首选 此类图标风格除了在造型上有所不同外， ... ...
-
企业标志设计指南的制作方法 2010-11-17 22:26
标志设计是个具有挑战性的工作，当你成立一家新公司后，首先要做的就是为公司确立一个标志，这也是公司本身以及其产品的身份象征。所以对于有经验的标志LOGO设计师来说，第一要做的就是写份全面完整的标志设计指南给客户，以说明整个标志设计的目的。本文将介绍如何说服客户以及取得足够的信息来撰写一份“标志设计指引指南”。定位目标受众 *图片由迈克尔S施瓦策尔 在开始创建的标志 ... ...
-
汉字的灵性 2010-11-15 10:12
前阵子写的一篇文章, 发表在《MOMENT 瞬》杂志 2010 / 11 月号上. 首先要感谢编辑大人侯静文 (Mavvis) 小姐的支持~ 以及陈桑间接帮的一个忙. 全文见下 (与所刊发的文章稍有区别), 另外本期中还有應永會的一篇访谈. 汉字的气场 厉向晨 (Digidea Lee) 俗话说字如其人，通过一个人写的字所带给我们的感觉 ... ...
-
选择配色方案的亮度 2010-11-05 17:03
Luminance to Choose A Palette 推荐 阅读原文 创造一个Palette的过程中，色调和饱和度不一定是最重要的部分，颜色彼此之间如何相互作用，在我认为是更为重要的。 “我不确定那是蓝色。你能把蓝色调的更‘正’一些吗？我听说蓝色体现了一种信任感。” 设计师们在他们的职业生涯中无数次地听到这样的评论，而且这也 ... ...
-
Icon设计要点——信息传达的准确度（一） 2010-11-03 09:38
来阿里之前主要的工作方向客户端终端的gui设计，在这里聊几句设计icon的想法，有些观点可能有争议，纯属个人经验感受。 Icon设计的核心是信息传达的准确度，就是icon所传达的信息让目标用户能马上理解，不看字面上的意思就能知晓icon的功能，那么这个icon50%是成功的，如何做到这一点？ 1．要对整个项目足够了解，对这个图标赋予的功能要了解，那么所传达的信 ... ...
-
Icon设计几个要点 2010-11-01 13:15
来阿里五个月不到，接触最多的是web端的产品设计，主要偏向快速应用型，比如会员线的注册流程，搜索list，这种类型的页面要求简洁、信息清晰、不需要过多的图形化设计，让用户快速坚定的走完这个过程是最主要的，跟终端的gui设计有点区别，终端的界面设计更多关注图形本身的细节，其实做任何设计本质都是为用户而设计，产品整体的风格符合用户的心理，产品的信息结构导向符合用户的习惯。 这里 ... ...
-
巧妙性设计之UI按钮设计方法论（一） 2010-10-27 14:34
作为一篇关于设计经验分享的博文，我只有靠自己浅薄的经验写出自己个人的看法，关于界面视觉设计，要分类的话能分得很细，所以能写的就很多，所以我打算先从局部来谈谈我总结的一些设计方法。 经常有同学问我一些关于按钮设计的问题，怎么样做些漂亮又特别的按钮，我常常会告诉他们怎么画按钮的技法。但是我觉得一个设计师的成长都离不开自己对设计方法的总结。画按钮的技法在网上能找到很多，但是很少有人讲按 ... ...
-
其实，美术和前端关系很和谐！ 2010-10-20 15:12
其实，美术和前端关系很和谐！ “介个应该要对齐。” “这个还是要透明的的背景的哇！” “这个颜色也不正啊” ....... 童鞋是不是常常有这样滴抱怨前端童鞋！剥除一些懒懒的前端，童鞋是不是该除了抱怨，也应该反省一下自己，自己的给的效果图是 ... ...
-
理解网页中的视觉层次 2010-10-14 23:10
原文来自 Webdesign Tuts+ 原创翻译 – 设计理论 视觉层次是高效率网页设计的重要原则之一。这篇文章将向大家介绍为什么设计一个具有视觉层次的网页是这么重要。在了解这些原则之后，你可以在自己的基础设计练习中运用到这些知识。 设计=交流 作为核心：设计整体就是视觉交流。作为一个高效率的设计师，你必须有这个能力清楚地将你的设计思想传达出来。人是易变 ... ...
-
2010家园头图回顾 2010-10-14 10:50
将近一年的时间，伴随家园的成长头图已经积累了一些作品。有节庆的、节气的、季节的。并且由幕后走到了台前一起加入首页的行列，并跟随用户的脚步随处可见。头图在设计之初是在大家的磨合中诞生了雏形并且在之后的设计经验积累中形成了现在的统一制作规格。现在呈现在大家面前的每一张头图，从画中能够体会到不论是节庆、节气和四季中不同的主题，拿节气来举例说明每一个画面都跟主题紧紧相联系，就算节气之间 ... ...
-
网易微博平面视觉项目执行 2010-10-11 22:15
网易微薄的视觉从立项起一直在不断的摸索，用一种比较涂鸦的插画风格、生动有性格的造型、拟人化的情节，体现网易微博草根、平民化，注重用户间的真正互动与沟通，提倡用户的创造与思考能力的产品属性与品牌特征。设计做到现在，优势渐渐显现出来。原创的视觉设计，对于受众清晰地感受品牌特征与调性，和差异化的区隔竞争产品，效果比较明显。因此，微生物概念破茧而出。 ... ...
-
字体图形化设计 2010-10-08 13:34
PART1:为什么要字体图形化设计 现代设计中直接从电脑里调出来的千遍一律的标准字体已经不能满足互联网用户日渐提高的审美需求,所以设计师要打破常规,能根据不同的需求,对字体进行独特的个性化的设计。同时字体的图形化设计有利于页面f氛围的营造以及更好的传递产品的特性以及功能等,特别是在推广页面设计的时候我们对标题文案(往往概括了整个活动的专题商业需求)进行特殊的设计处理,与其他的内容 ... ...
-
视觉焦点-剖析网页设计中的几何圆 2010-09-27 16:34
你的设计为什么平平无奇，为什么吸引不到别人的眼球，这里先来说说什么是焦点（也可以称兴趣中心或者视觉中心），我认为用焦点更能简单准确的阐述。有人用通俗的方法来诠释焦点，在设计的页面上最吸引人注意的地方，视线上集中交汇的地方，这个位置就叫焦点，在日常生活中我们运用照相机对准人的脸部，那也是在获取一个焦点。在网页设计中，引导用户集中在你想让他关注的画面上，那样会让你的设计有重心和亮点。 ... ...
-
跟推广专题页面有关de那些事儿（一） 2010-09-26 16:30
来公司刚好一年了，接触了不同的视觉需求这里做一个小分享。 首先我说一下阿里巴巴B2B视觉设计的分类,主要分为产品视觉和推广视觉，产品视觉锻炼人的逻辑思维能力／细节的处理／规范执行。推广视觉更加偏向展现层，对视觉表达的能力要求很高／培养色感／有效的提高视觉设计师的表现技巧。个人觉得只有纵向发展到达一定的深度才有基础对横向扩展，所以最基础的是视觉表现力提高。 ... ...
-
浅淡BANNER设计 2010-09-21 10:56
“位置：首页 第一屏通栏 格式：jpg 尺寸：960*90 ……”在工作我们经常会接到这样的banner设计需求，由于它不比大型项目，需求方从设计成本考虑不会给设计师太多的时间，那么我们怎么才能在短时间内做一个出彩的banner呢？以下内容仅个人在目前工作中针对banner设计收集整理的一些方法，与大家分享。 1、主题明 ... ...
-
浅谈腾讯视觉的关系设计 2010-09-16 10:51
一、腾讯LOGO 08年4月腾讯网（QQ.com）宣布启用新品牌标识，以绿、黄、红三色轨迹线环绕的小企鹅标识取代过去的QQ企鹅图案，腾讯传媒、QQ游戏等业务，都将同期统一更换新标识。 二、从logo来看产品的视觉关系 色彩关联 通过产品视觉对比后，我们发现了一个有趣的现象： 1、大多腾讯的产品都会从蓝、绿、黄、红4种色彩中搭配使用（ ... ...
-
摄影作品在设计中的应用 2010-09-10 16:13
随着信息时代的发展，包括摄影和设计在内的视觉艺术日益呈现出更大融合的趋势。而数字时代工具带来的快捷、便利，让那些现代艺术元素的融入显得更顺理成章。数码相机、电脑、鼠标慢慢在工作中取代了原来用的胶片、画笔、尺子、橡皮……影像与插画、手绘、涂鸦等丰富的素材一道，被赋予了更方便、更具变化的特性。这样就意味着摄影不再单纯是影像的发现与再现，设计也不仅仅是“ ... ...
-
手机屏幕适配 2010-09-09 13:50
随着手机屏幕的不断的增大，同时也遇到一些用户手机屏幕还是处于240*320这种屏幕的大小，当然也存着在一些不规则的屏幕分辨率心寸大小。对于很多的UI来说，不同的手机屏幕很多时候得出多套的图才能保证手机客户端在不同的屏幕上实现匹配。针对手机客户端在不同屏幕下的实现进行规划，并制定出能够计算出具体控件位置的填充区算法，这个是前期对于不同的手机屏幕的匹配做出的一个界面适配算法。 首先认清几个 ... ...
