主要内容
-
强质感高光风格网页欣赏及其表现手法总结 2011-09-05 16:54
经常能见到这一类的风格的网页设计作品，它们有如下共同的特点。背景通常是纯色的柔和渐变，不添加任何的材质，色块的边缘部分通常会添加1像素的高光；在页面元素的边缘部分有着强烈的1像素高光；元素表面有如玻璃般的明显反光；底部和背景接触的部分经常会设计出倒影。这种风格的设计经常会出现在商业和企业的网页设计中，会给人留下干净清爽的印象。 我这里将这些常用的表现方法提取了出来，共有6种样式，分别是：1、 ... ...
-
倾听色彩的声音 2012-07-19 15:29
前言 色彩是一个网站的情绪表达方式或者说是性格特征的体现，每种颜色都有着属于自己的声音。作为一种视觉元素，色彩是很难被量化被衡量的，也很难用理性的角度去分析和阐述它，我现在试着用另外一个角度去试图衡量网页的色彩，一种尝试。从最基础的色彩本质、色彩搭配形式、及色彩对用户的潜在影响和心理暗示等着手，去分析色彩，读懂色彩，让色彩帮设计师说话。 一、色彩的基础知识 ... ...
-
网易UED，连个Banner都做的这么专业 2010-08-23 19:41
写在前面的话 有人觉得做个banner放2张图，排几个字的事，一点技术含量都没有，像其他门户banner基本上都是编辑们自己做的。我觉得这么说是不对的，其实一个banner可以研究的东西还是很多的，而且做一个banner是不难，难得是在短时间内做一个出彩的banner。门户的专题一般是编辑套模板拼成的，比较重要的专题，banner部分是由设计师来完成，一个bann ... ...
-
Web 设计中的苹果风 2010-03-25 23:59
优雅的设计贯串苹果所有的产品，也包括网站，不仅苹果自己的网站，世界上有无数模仿苹果的网站设计，然而是什么构成了苹果式网站设计风格？浅淡的配 色，大面积留白，清晰统一的导航，雅致的图标，还有，拒绝使用 Flash，本文分析了 Web 设计中苹果风的构成元素，并提供了大量苹果风 Web 设计案例供大家欣赏。 苹果风构成元素 浅色系与微妙的渐变色 留白，留白 ... ...
-
Android vs iPhone icon... 2010-04-09 16:50
Android 在研究Android的icon设计之前，有必要先了解Android的界面是如何适配多样化屏幕的。 适配性 上一篇博文中提到，由于同一个UI元素（如100 x100像素的图片）在高精度的屏幕上要比低精度的屏幕上看起来要小，为了让这两个屏幕上的图片看起来效果差不多，可以采用以下两种方法： 程序将图片进行缩放，但是效果较差。 为这两个精度屏幕的手机各提供一个图片。 ... ...
-
跟紧时代，让你的设计更加popular 2012-07-11 09:05
如今，随着智能手机、平板电脑等移动手持设备的普及，越来越多的Web网站都在向这些平台做兼容。同时，这些移动设备上的视觉设计与交互设计也在影响着Web端的设计。 所以，现在我们的设计是不是要变得更加的popular一点呢？是不是可以总结出一些方法让我们的web端产品跟上时代的脚步呢？ ... ...
-
浅淡BANNER设计 2010-09-21 10:56
“位置：首页 第一屏通栏 格式：jpg 尺寸：960*90 ……”在工作我们经常会接到这样的banner设计需求，由于它不比大型项目，需求方从设计成本考虑不会给设计师太多的时间，那么我们怎么才能在短时间内做一个出彩的banner呢？以下内容仅个人在目前工作中针对banner设计收集整理的一些方法，与大家分享。 1、主题明 ... ...
-
创建网页背景材质时常用到的4种方法 2012-03-20 21:35
在网页设计中创建背景材质通常是根据设计方向展开设计的第一步，也是确定设计基调的重要环节。虽然大多数情况下，网页背景材质是非常细微和低调的，但是由于整个背景的范围较大，所以会给人强烈的心理感受。所以这篇文章中，我会就网页背景材质创建过程中常用到的方法做一总结，希望对于大家在设计中的开头步骤能够给与帮助的参考。 一、使用现成的图案来创建网页背景材质。 1、下载现成的图案样式，或者自己动手创建图 ... ...
-
商业插画的风格赏析 2012-11-14 09:24
摘要：插画的领域很广，关于插画每个人都有不同的见解，这次我主要分享一些商业插画的风格和应用。主要分成三大点去分析。希望能用最简单，直白的文字让大家认识插画的分支——商业插画。 一 商业插画的概念 商业插画顾名思义就是以商业为目的，绘制符合商品和吸引大众的插图。和我们以往认识的工艺美术和传统派的绘画有很大的区别，也不同漫画。传统绘画是纯创作而和设计不 ... ...
-
小文字，大体验 2012-05-27 14:39
随着ipad等移动终端的崛起，人们在移动终端阅读上的时间越来越多，阅读体验已经变得越来越重要。而字体又是决定阅读体验的关键所在，那么字体在哪些方面又是什么影响着阅读体验的成败？ 1.是否具有高辨识度 首先看看Consolas,这款字体，我们可以发现，i和w的宽度都是一样的，这种等宽字体都具有非常高的辨识度，非常适合文字编写，代码显示等工作。 ... ...
-
栅格系统延续美学 2011-11-15 22:43
栅格系统应用于设计领域已经至少50年了。栅格化让眼睛浏览信息更加愉悦。从报纸、杂志，到手机界面，栅格系统全面渗透到各种信息传达的界面当中。我们从一个故事开始栅格系统探索之旅吧！ 栅格系统的诞生 1692年，新登基的法国国王路易十四感到法国的印刷水平强差人意，因此命令成立一个管理印刷的皇家特别委员会。他们的首要任务是设计出科学的、合理的，重视功能性的新字体。 委员会由数学家尼 ... ...
-
网页核心内容对视觉表现的影响 2012-06-11 08:45
“对信息的优化和提炼永远都是设计的第一步。”这是百度联盟用户体验中心Banner上的一句话。在自己做网页设计的过程中，越来越对这样的概括有了切身的体会和想法。当然，这句精炼的句子其实包含了非常多的内容，我个人认为，至少包括这四个方面：一、从网站的整个诉求来讲，网页上需要放置哪些信息才能更好的实现网站的诉求？哪些信息是需要保留的？而哪些信息是需要放置在其他页面 ... ...
-
20个视频播放器界面欣赏及点评 2012-04-16 15:51
网页设计中非常细节的东西，比如就一个描边，有时就造成了用户心理感受上的差别，进而影响用户的使用偏好，直至对整个设计的成功与否以及作品的商业价值产生非常大的影响。类似于”千里之堤毁于蚁穴”和”蝴蝶效应”的感觉。夸大其词吗？绝对不！细节的力量我认为在网页设计中有着无穷的魅力。认真想想那些你个人认为优秀的设计作品，其中是什么东西打动了你？真 ... ...
-
泛泛而谈界面中的斑马纹设计 2010-07-15 09:57
大家好，我叫斑马纹 列表中使用两种相同的样式但颜色不同的背景，来间隔显示的内容。 当然这个释义我是借鉴《designing interfaces》来的，略有不同。我肯定承认这是一本神作，不过看了当下很多界面以及自身平时的设计之后，发现实际情况中使用的斑马纹在原来基础上通过视觉的处理有了扩展，不仅仅是一深一浅单纯颜色的配合使用。 图一：最正宗的斑马纹应用 图二：斑马纹 ... ...
-
曲建菲：色彩如何影响购物 2011-07-10 14:42
色彩如何影响购物 曲建菲 微博weibo.com/qujianfei 对于零售商来说，销售是一门极具说服力的艺术。尽管有很多影响消费者购物的因素，但是一个好的策略是由多种暗示决定的，其中最重要也最有说服力的，就是色彩！ 色彩和市场 当出售新产品时，有一点需要认识到，消费者在购物时，商品的视觉感官和色彩往往比其他因素决定消费者购买。 ... ...
-
如何快速审核评定美术作品 2011-05-11 09:30
前言 之所以萌生写这篇分享文的原因是近期有各方面的美术人或者产品都有问我是如何去审核一个美术作品的，而且，我认为一个美术设计师不单要懂得如何去设计作品，而且要懂得如何去鉴赏一个商业设计的美术作品，以达到对比促进，因此，为设计团队也好，为产品方能更了解我们美术团队的标准也好，这里我简单概要地写一下如何快速有效地审核评定一个美术作品（主要针对网易设计领域），以作参考之用。作为一个美术管理人，一天 ... ...
-
关于边框和底色的那一些小事（二） 2011-11-15 22:15
记得冯氏幽默中葛大爷说过这样的一句话：“生活很简单，你把它搞复杂了；或是生活很复杂，你把它搞简单了”我想20-30岁的朋友可以理解前半句，30-40岁的朋友，可以理解后半句。你别越龄理解，那么你的心态就老了，也许你都不理解，那么你还不太成熟，比较年轻。哈哈，设计也是如此……。 上次写的博文大家觉得简单易懂，特别是好多的网站编辑觉 ... ...
-
banner广告设计8技巧 2011-11-07 16:18
在工作我们经常会有banner设计需求，和大项目比较，需求方从设计成本方面考虑，不会给设计师太多的时间。那么我们如何才能在短时间内做一个出彩而效果又好的banner呢？ 以下是整理的banner设计8技巧，现与大家分享： 一、主题明确要突出产品主题，让用户一眼就能识别广告含义，减少过多的辅助干扰元素。切忌，banner被切割的太细碎，内容繁多，没有浏览重心。很多广告主往往会认为传达的信息越多 ... ...
-
浅析Banner构成与创意设计 2009-11-25 23:41
当用户访问一个网站的时候，第一屏的信息展示是非常重要的，很大程度上影响了用户是否决定停留，然而光靠文字大面积的堆积，很难直观而迅速的告诉用户来到这里会得到什么有用的信息，因此网页Banner设计在这里起到了至关重要的展示作用，特别是对于首页Banner，有效的信息传达让用户和文字之间的互动变得生动而有趣，下面就让我们通过大量优秀的设计案例走进Banner设计，走进设计师们的灵感挥洒空间。 ... ...
-
响应式字体排印：基础 2012-08-03 18:44
响应式字体排印：基础Responsive Typography: The Basics英文原文链接： http://informationarchitects.net/blog/responsive-typography-the-basics/作者：Oliver Reichenstein译者：vivianalive 我们建网站，一般是从定义正文文本开始。正文文本的定义决定了你主要内容栏的宽度，而 ... ...
