主要内容
-
扁平化设计与色彩趋势 2013-05-03 09:11
Making it Work: Flat Design and Color Trends Designmodo版权所有 作者：Carrie Cousins 译者：UCD翻译小组，波希米亚 原文地址： http://designmodo.com/flat-design-colors/ 这篇文章将展示很多很酷的范例，甚至还提供了一个免费的用户界面工具包供你下载和使用。但如果是你自己的 ... ...
-
【CDC品牌维生素】颜色叠加在品牌中的运用 2013-02-28 21:01
我们通常研究色彩，去理解色彩的情感时，是为了想通过色彩这一具有强烈表现力的视觉因素来唤起观者的各种情绪，通过色彩表达设计者想要去反应的情感。而色彩的表现手法和方式，往往很少会有设计师去注意。而本文，主要通过一些优秀的品牌设计案例向大家介绍色彩叠加在品牌设计中的运用。 所谓叠加，即我们预先生成出来的图形、属性特征等被调用叠合在一个基本图形上的过程或方法。叠加模式把图像的&ld ... ...
-
5°专场视觉设计小析 2013-02-16 08:31
这个主题是2012年下半年的一次内部分享，迟迟未形成文章，马上过年了赶紧整理起来，顺便给视觉设计师们拜年了！！！我自己内心的一个呼唤，明年脱离“苦逼”二字…… 网站的专场设计，应该算是网页视觉设计师的必修课，应该也算是最基本功。她所需要的设计理论都是最基本，但同时也是最重要的。设计理论版本多如牛毛，我这里仅仅整理5个方面来分析网页专场设计 ... ...
-
视觉隐喻碎碎念 2013-02-01 15:12
什么概念？ 在我们做界面设计时，如果使用用户熟悉的来自真实世界的物体的图案来作为界面元素， 用户会比较容易地学会产品的使用，这种手法就是视觉隐喻（metaphoric）。 隐喻范围可以从整个界面到工具栏上的一颗小按钮。 几种类型？ 1 整体隐喻 整个界面都用隐喻的设计方法，最典型的例子就是游戏，整个现实的场景搬到游戏里面，用户一看就知道， 自己是在街上还是海上，房子是可以进去 ... ...
-
视觉设计传达的4件东西 2012-12-28 10:36
在大家着迷用户体验设计，关注用户研究、人机交互的时候，视觉设计好像被遗忘了。 我想说的是，视觉设计一如既往地重要着。 视觉设计处在产品表现层，跟诺曼先生提出的情感化设计本能层设计水平直接相关。 如果想让用户一见钟情进而买单，让客户点头通过方案，给他们视觉上的第一印象至关重要。 没有视觉的最终落地，前面的研究和交互，似乎都将付诸东流。 因为视觉设计至少做了这四件事情 ... ...
-
登录图的趣味设计 2012-12-25 09:20
阿里巴巴登录页面左侧一直都会有个banner，这个图片因为位置、环境的特殊性，跟我们平常做的首页banner的设计思路会有所不同。首页banner更注重的是信息传达，登录左侧的这个banner偏重情感化设计，情感化设计除了节日、事件的氛围之后，还有就是趣味性。 趣味设计是一个比较大的概念，在这里我狭隘的把趣味设计分成两个部分来介绍，1.主体元素的创意；2.背景元素的处理。每次在做这个ban ... ...
-
关于扁平化界面风格的设计美学讨论 2012-12-25 09:17
似乎真的没发生什么，也就是玛雅人过了个年。本周的更新如约和大家见面，视觉方面的一篇悠悠闲闲的小文章，关于扁平化与拟物化风格的讨论。 我个人对这方面的话题是蛮关注的，偶尔在微博上弱弱的念叨两句，也会有不少朋友来发表各自的看法，确实是大家都蛮关心的设计问题。另外最近看到不少文章观点也都是围绕这些展开的，其中有些比较公允务实，有些则比较偏颇；所谓偏颇，也就是片面表达某种风格一定比某 ... ...
-
建立良好的视觉层级 2012-12-07 20:21
随着互联网信息爆炸式增长，用户浏览单个网页时，并不像我们想象的如阅读文章般从左到右、从上倒下逐一查看，为什么？ 一、 视觉层级为什么重要 左侧是设计师期望用户的浏览方式，右侧为用户实际的浏览方式—摘自《Don’t make me think》 用户来到一个网站有他自己特定的目标，如阅读新闻、购物、查看新消息，然而信息量太大，逐一查看需要 ... ...
-
商业插画的风格赏析 2012-11-14 09:24
摘要：插画的领域很广，关于插画每个人都有不同的见解，这次我主要分享一些商业插画的风格和应用。主要分成三大点去分析。希望能用最简单，直白的文字让大家认识插画的分支——商业插画。 一 商业插画的概念 商业插画顾名思义就是以商业为目的，绘制符合商品和吸引大众的插图。和我们以往认识的工艺美术和传统派的绘画有很大的区别，也不同漫画。传统绘画是纯创作而和设计不 ... ...
-
网页中的手绘应用 2012-11-02 10:14
手绘元素通常是用在纸上的，但是它们被越来越多的用在网站设计上面，这些速写元素令网站极具个性并能为访问者提供有趣的体验。手绘风格的引入，对于互联网应用作品起到了一个积极的影响。不同的主题和绘画风格，使其表现形式具有原创性，给设计带来了多元化，人性化的特征。 我们先来看一些网络中的案例： 节庆主题插画 GOOGLE每一次节日活动的banner设计都别出心裁，这很大程度 ... ...
-
“小清新”风格的视觉表现 2012-09-27 13:00
“小清新”，近些年才流行起来的一个新名词，用来描述一种文化现象，定义某一类音乐、文学、摄影作品的风格，也随之衍生成为对爱好这类风格的人的称谓。在平时工作中经常能听到耳熟能详的交谈：“某某某的设计风格很小清新……”、“这个颜色太小清新了不太合适”…… 其实作为视觉设 ... ...
-
审美、效用与情感——关于icon和Logo设... 2012-09-16 10:27
你们觉得iWork 3个icon里哪个最好。 Pages, Keynote 还是 Numbers? 虽然Pages和Keynote拥有非常精致的造型和拟真效果，但是就icon设计而言，Numbers要超过它们。 Numbers脱胎于现实中的物体但又不是完全模拟它们，形象更简洁有力。 从表意性上，Numbers 对图表工具的概念进行了成功的提取和抽象，相信任何人第一次见到这 ... ...
-
Mac Ｗin 网页字体显示方案 2012-08-26 17:31
Mac在诞生的时候就把对字体处理尽可能接近原貌成为它很大的一个卖点，而在这些年亲身使用后，个人感觉Mac下的字体确实看起来比Win下舒服些，特别是在浏览网页时，字体比较“珠圆玉润”，可惜的是Mac目前并不是主流，大多数还是Win用户。所以即使你所使用是Mac，在设计仍然要记得平衡Win下的效果。 Mac和Win的显示区别 截了段文字做了个对比,很容易看得出来 ... ...
-
响应式字体排印：基础 2012-08-03 18:44
响应式字体排印：基础Responsive Typography: The Basics英文原文链接： http://informationarchitects.net/blog/responsive-typography-the-basics/作者：Oliver Reichenstein译者：vivianalive 我们建网站，一般是从定义正文文本开始。正文文本的定义决定了你主要内容栏的宽度，而 ... ...
-
浅谈图片优化的方法 2012-07-25 10:22
在网站优化中，如果图片优化得好，不但可以提高页面的加载速度，提升网站的用户体验，而且还可以通过图片优化来节省网站的带宽。那么作为页面构建工程师应该采用什么方法来优化图片，既能保证UI的还原度，又使图片最精简呢？下面我就个人经验，来简单介绍一下图片优化的方法，首先我们了解一些图片方面的知识： 1. 矢量图与位图。 矢量图：缩放、旋转不失真的图像格式，不管 ... ...
-
倾听色彩的声音 2012-07-19 15:29
前言 色彩是一个网站的情绪表达方式或者说是性格特征的体现，每种颜色都有着属于自己的声音。作为一种视觉元素，色彩是很难被量化被衡量的，也很难用理性的角度去分析和阐述它，我现在试着用另外一个角度去试图衡量网页的色彩，一种尝试。从最基础的色彩本质、色彩搭配形式、及色彩对用户的潜在影响和心理暗示等着手，去分析色彩，读懂色彩，让色彩帮设计师说话。 一、色彩的基础知识 ... ...
-
矢量图标的管理和应用 2012-07-16 16:45
设计的循环 毕加索终生喜欢画牛。年轻时他画的牛体形庞大，有血有肉，威武雄壮。但随着年龄的增长，他画的牛越来越突显筋骨。到他八十多岁时，他画的牛只有瘳瘳数笔，乍看上去就象一副牛的骨架。那些牛的外在的皮毛、血肉全没有了，只剩一副具有牛的神韵的骨架了。 设计也同样，过去我们借助工具希望把我们的设计 ... ...
-
跟紧时代，让你的设计更加popular 2012-07-11 09:05
如今，随着智能手机、平板电脑等移动手持设备的普及，越来越多的Web网站都在向这些平台做兼容。同时，这些移动设备上的视觉设计与交互设计也在影响着Web端的设计。 所以，现在我们的设计是不是要变得更加的popular一点呢？是不是可以总结出一些方法让我们的web端产品跟上时代的脚步呢？ ... ...
-
效果图进阶展现，给效果图赋予思想和生命 2012-07-11 08:48
设计师所做的每个作品都像是自己的孩子一样，在孕育的过程中思考了很多，但这些思考的过程、思考的方法并不是单单一张效果图就能够展现的；设计师有很多专业层面的认知，效果图上并不能展现，加上设计本来就是相对感性的，所以很多时候分歧就这样产生了。 不要用蓝色的，换个颜色试试，试试绿色、紫色、橙色，都试试吧……；这个元素大一些，那个元素也大一些，还有那 ... ...
-
网页核心内容对视觉表现的影响 2012-06-11 08:45
“对信息的优化和提炼永远都是设计的第一步。”这是百度联盟用户体验中心Banner上的一句话。在自己做网页设计的过程中，越来越对这样的概括有了切身的体会和想法。当然，这句精炼的句子其实包含了非常多的内容，我个人认为，至少包括这四个方面：一、从网站的整个诉求来讲，网页上需要放置哪些信息才能更好的实现网站的诉求？哪些信息是需要保留的？而哪些信息是需要放置在其他页面 ... ...
