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