视觉设计 - UCD大社区

以用户为中心的设计

网址导航 - 书友会 - 邮件组

× 关闭
我有建议/意见

主要内容

  • 图层叠加混合模式在网页设计中的应用 2012-06-03 09:44

      很多飞鱼的声纳的读者常会询问我类似于上图中的按钮的光效是怎么做出来的?其实非常简单,新建图层,笔刷或椭圆画出白色,高斯模糊,再将图层混合模式更改为图层叠加就可以了。但是这篇文章里我们不讨论具体的技术,而来看看如同上面的按钮通过白色的叠加创建出按钮的高光,我们来了解一下图层叠加模式在网页设计中的应用,再通过不同的实例来深层次的了解图层叠加混合模式的基本效果,将其更自由的应用于我们 ... ...

  • 信息图形中的颜色探讨—面向色盲人士友好的设计...    2012-06-02 11:18

    颜色可以用来区分信息图形上的数据类别和维度,是数据可视化中最常用的视觉变量之一。然而,世界上有超过8%的男性和0.4%的女性都被色觉障碍的问题困扰——他们在识别部分或者全部颜色时有困难。我们通常笼统的称这类人群为“色盲(Color Blindness)”(也称为道尔顿症、色觉缺失、色觉辨认障碍、色弱等)。面对如此庞大的特殊受众,设计师理应关注他们的需 ... ...

  • 小文字,大体验 2012-05-27 14:39

    随着ipad等移动终端的崛起,人们在移动终端阅读上的时间越来越多,阅读体验已经变得越来越重要。而字体又是决定阅读体验的关键所在,那么字体在哪些方面又是什么影响着阅读体验的成败?   1.是否具有高辨识度 首先看看Consolas,这款字体,我们可以发现,i和w的宽度都是一样的,这种等宽字体都具有非常高的辨识度,非常适合文字编写,代码显示等工作。  ... ...

  • 电影海报中的字体设计赏析 2012-05-27 14:37

    海报又称招贴或宣传画,是一种平面形式的宣传广告。具有画面大、内容广泛、艺术表现力丰富、视觉冲击力强的特点,多用于电影、戏剧、比赛、文艺演出等活动。电影海报是海报的分支,作为电影艺术的宣传品,往往浓缩了一部电影的精华,有着深厚的文化内涵与艺术审美,具有很强的观赏性,能让观众得到除了电影本身以外的另一种平面艺术的享受。一幅优秀的电影海报,往往具有很高的设计水准,对图形、文字、色彩等设计元素运 ... ...

  • 高效的设计可视化    2012-05-15 17:57

               每一天,人们都淹没在信息的海洋中。用户在主动获取和被动接受过程中,都始终避免不开一个“效率”的诉求。在这信息海洋,用户目前面对了什么样的困境呢?         1  一些设计细节的 “隐藏式”、“ ... ...

  • 掌控像素的虚实    2012-05-11 11:05

    3月份,Photoshop CS6 Beta版(下文简称PS CS6)发布公测,有着多项惊艳的新特性,工作中整天和像素打交道,感触比较深的特性就是PS CS6支持矢量对象绘制、变换时像素自动对齐网格。 当然,对象绘制、变换时像素对齐网格并不是PS CS6独有的功能,只是更智能更好用了,PS CS6的像素自动对齐网格功能在绘图过程中,无疑方便了很多,不必再担心图形边缘会出现模糊,但是我们 ... ...

  • 20个视频播放器界面欣赏及点评 2012-04-16 15:51

      网页设计中非常细节的东西,比如就一个描边,有时就造成了用户心理感受上的差别,进而影响用户的使用偏好,直至对整个设计的成功与否以及作品的商业价值产生非常大的影响。类似于”千里之堤毁于蚁穴”和”蝴蝶效应”的感觉。夸大其词吗?绝对不!细节的力量我认为在网页设计中有着无穷的魅力。认真想想那些你个人认为优秀的设计作品,其中是什么东西打动了你?真 ... ...

  • CDC品牌维生素——“多形态”标志的认识    2012-03-30 08:53

    近年来,品牌化中标志表现形势上值得瞩目的就是“多形态”标志的不断涌现。在品牌化中“多形态”标志起到的趋势——个性新鲜而且显的有趣、更好的传递更多的信息;一个更积极的趋势——显得品牌更具活力。而且当下品牌化的日益增长,包括国家品牌化,个人品牌化。另外、自有品牌也在增加——一些出色的 ... ...

  • 创建网页背景材质时常用到的4种方法 2012-03-20 21:35

    在网页设计中创建背景材质通常是根据设计方向展开设计的第一步,也是确定设计基调的重要环节。虽然大多数情况下,网页背景材质是非常细微和低调的,但是由于整个背景的范围较大,所以会给人强烈的心理感受。所以这篇文章中,我会就网页背景材质创建过程中常用到的方法做一总结,希望对于大家在设计中的开头步骤能够给与帮助的参考。 一、使用现成的图案来创建网页背景材质。 1、下载现成的图案样式,或者自己动手创建图 ... ...

  • 网络广告中的铁甲钢拳 — 表单广告设计浅谈    2012-03-16 09:29

      在互联网的大潮里,广告是必不可少的,是变现的最好方式之一,是很多公司赖以生存的来源。在这个盛行的网络广告年代,从简单的图文广告,到各种吸引眼球的创意广告,各种各样新奇的网络广告已经到处都是,最初的文字链广告,图片广告,再到flash广告,再到富媒体广告,各种各样创意的广告不断的吸引我们,打动我们,让我们点击。   那么让我们来看看比较特殊的 ... ...

  • 善待PSD — 好设计师,从细节做起    2012-03-10 23:20

    作为设计师,应该将设计稿的最完美一面表现给其他人看。就像jobs 说的一样,好设计师,不会使用烂木头作为衣柜的背板。虽然你最终的设计稿很完美,但是你的psd让人觉得很糟糕,同样会让之后的切图仔觉得你不是个优秀的设计师,对不起死去的jobs哇~ XD 在企鹅村玩代码玩了半年多,玩起psd来都有点生疏了。最近对设计MM 给的psd文件产生了点暧昧。有感悟抒发一下。看看是不是都有一样的困惑和同样的 ... ...

  • 产品中图形语言规范化的意义与过程    2012-03-07 17:44

    现在随着互联网企业的发展与业务的拓展,随着时间的推移,一个公司的产品可能将越来越丰富多样,同样每一个产品随不断的功能完善和扩展,随着一个产品的“长大”产品内所需要用到的图标也必然会越来越多,这时候众多产品形象的呈现、产品内图标等视觉原素的表现,如何能与整个产品或公司的战略计划相适应,这时候在图形语言的视觉呈现,语义表达、识别性等层面就需要作一个全面细致的考虑了。 我 ... ...

  • “有点儿意思”的导航设计    2012-03-02 13:52

    导航是网页设计中不可缺少的部分,它是网站访问者获取所需内容的快速通道和途径。导航让网站的层次结构以一种有条理的方式清晰展示,并引导用户毫不费力地找到并管理信息,达到有效传递。同时,导航一般位于网页的中上部分,也是视觉中心的区域内。在保持其合理的功能作用的同时,一个好的导航设计,往往能够成为整个网页设计的点睛之笔! 一个设计师在布局和整体规划网页设计时,导航总是一个重要的元素。我们会思考,导 ... ...

  • 视觉设计是为了更好的表达信息    2012-02-11 11:53

      在日常工作中,我们经常会遇到一些设计的很"漂亮"的图片不被用户认可,点击率很低,这时候我们会暗地里抱怨,可却没明白问题究竟出在哪? 网页设计与平面设计究竟有啥区别,我们主观的为页面添加元素的时候是否有章可循,博主以前曾是一名视觉设计菜鸟(现在也是),以自己的切身体会谈谈在Web页面设计中的一些体会。 下面我们先看一个专题的banner: 第一眼看上去,画面感好像还行, ... ...

  • 浅谈页面设计中光的特效    2012-02-10 23:16

    为了展现页面的主题或者是贴近游戏的氛围,常常会看见游戏的页面中运用了许多不同类型的光效的渲染,一个简单的元素有时候加上一点光效就可以化腐朽为神奇。那么光效究竟是如何具体地影响页面的视觉观感的呢? 1、  丰富页面的层次 当人物和背景的颜色比较接近时,为了增强人物的立体感和空间感,可以在人物上添加光效,拉开人物和背景的距离,形成视觉差异,这样需要强调的人物就瞬间凸显了出来,页面的 ... ...

  • (译)Windows Phone中环绕ico...    2012-01-13 12:22

      原文http://ux.artu.tv/?p=176译文http://www.mdong.org/?p=2214 在Stockholm的Windows Phone Design Day期间的Q&A环节,Stockholm本地的交互设计师Petter Sifver提了一个问题,关于Windows Phone app bar上的icon,想知道为什么icon的周围会有圆圈。P ... ...

  • 如何才是一个好的LOGO?    2012-01-11 16:33

    一个LOGO对于一家企业的重要性不用我说相信大家也都知道,不管是从视觉的品牌传播方面,还是对于传达企业对内对外的精神和文化理念方面,小小的一个LOGO都处在一个举足轻重的位置。好了,废话不多说,开始正题。 有人说“即使一把火把可口可乐烧得精光,它也能凭借着它的LOGO东山再起。“当然了,至于有没有人说过,我们无法考证。但是这句话充分说明了一个LOGO所能发挥的作用。 ... ...

  • 图标设计的那些事    2012-01-04 12:59

    作为一名大学刚毕业入行不久的小菜鸟,斗胆在这里分享下我对于图标设计的一些心得体会。说的不好,还请各位看客包涵指正。 图标在我们日常生活中被广泛应用,软硬件、网页、社交公共场合无所不在。广义来说,图标就是具有指代意义的图形符号,具有高度浓缩并快捷传达信息、便于记忆的特性。狭义来说,就是我们所熟悉的在计算机程序方面的应用。包括:程序标识、数据标识、命令选择、模式信号或切换开关、状态指示等。如 ... ...

  • 移动app纹理和贴图的运用    2012-01-04 12:51

    想在众多APP中脱颖而出并非一件易事,界面是取悦用户的一大法宝,看成功的APP是如何使用纹理和贴图的。 木纹,凸显古朴 左图是iBooks的界面,右图是QQ阅读的界面,都使用了木质的贴图和纹理,尽显古朴,看起来像真实的书架。   皮质,尽显商务 左图是苹果官方出品的“查找朋友”,右侧同时出自苹果的“提醒事项&rd ... ...

  • 字体和字型的选择    2011-12-28 14:37

    字体式样繁多,又有各种不同的字号,也如同气味和声音一样,含有情感、意义和相关性。您或许会被下拉菜单里庞杂的字体给吓到,随意的字体选择也可能让信息不经意地被扭曲,浏览下面的内容能帮助您在一团混乱中厘清思绪。 分类 字体样式库的内容可以分成四个主要类别:衬线字体、无衬线字体、手写体和装饰字体。字库量之大浩瀚如海,在选择之前,可以从了解字体类型和各类型所表达的普遍被接受的意义开始。  ... ...