以用户为中心的设计

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

× 关闭
我有建议/意见

主要内容

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

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

  • 微软雅黑字体设计分析    2010-04-04 11:10

    一.雅黑设计理念雅黑字体是为微软公司设计的屏幕显示汉字。它具有个性独特、结体优美、识别性强、块状效果好、显示清晰等优点。在当今数字化时代更是用途广泛。这副字可以说是科技进步的产物,是人类社会的需要,在设计上也有所突破。首先打破传统结体方式,采用大字面设计,字怀放开,增大内白,使文字方正,布白匀称。由于字体中宫放开,使文字的适用性也随之增强,不但适合小级数文字的使用,更适合屏幕显示。在笔型塑造上去除 ... ...

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

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

  • 其实,美术和前端关系很和谐! 2010-10-20 15:12

      其实,美术和前端关系很和谐!  “介个应该要对齐。” “这个还是要透明的的背景的哇!” “这个颜色也不正啊” ....... 童鞋是不是常常有这样滴抱怨前端童鞋!剥除一些懒懒的前端,童鞋是不是该除了抱怨,也应该反省一下自己,自己的给的效果图是 ... ...

  • 理解色彩的情感    2011-02-10 16:25

    以下内容由hiued.com用户体验数据分析中心整理,理解色彩情感。本博文更新于2011年2月10日。最近看了很多色彩方面的书籍,以下为仅对色彩与情感的一点思考,整理成文,希望对您有一点帮助。此2篇文章重点参考了 relen(梁景红)的《写给大家的色彩书》。 理解色彩的情感1   理解色彩的情感2  ... ...

  • 5种在设计中应用光线和阴影的简单技法    2009-05-07 23:59

    原文标题:5 Simple Tricks To Bring Light and Shadow Into Your Designs 原文地址:http://www.smashingmagazine.com/2009/04/20/5-simple-tricks-to-bring-light-and-shadow-into-your-designs/ 作者:Rob Morris  ... ...

  • Web设计精确点滴    2010-08-28 23:43

    这篇文章说实际问题的,所以不多强调,下面是我总结的一些比较突出的细节问题,而且我一直认为这些问题比较严重,正因为这些都是基本问题,很容易解决的,但把这种忽略养成一种习惯性的“经验”那就“杯具”了,然而这些细节问题也不同程度的代表了你的工作态度。 1)调整后的毛边当对一个位图的大小进行调整后,正常情况下会留下1px的毛边(如果你注意的话),边界 ... ...

  • 苹果iPad视觉设计分析 2010-08-21 09:31

    大部分的用户都并非对体验与设计有深入研究,而是从“看着舒服、用着好用”的角度来衡量一款产品,据笔者观察一些网页设计与数码设计,发现两者之间有着异曲同工之妙,他们对用户的研究、设计发展趋势几乎是共通的,例如苹果著名的COVERFLOW,和网站设计首页焦点图展示的效果。因此,我们常提的CROSSOVER思维可以用上了,互联网与传统数码的视觉设计与交互体验可互为灵感参考。 前言 ... ...

  • 世博与字体 2010-06-28 23:52

    刊载于6月号《艺术与设计》,由于诸多批评内容,所以被放在了杂志靠后的“三边联谈”,且成了黑白。现登出原文。 上海世博会在万众期待中,在最后一分钟之前,终于开幕了。对于每日几十万的参观人流,最吸引人的莫过于一座座新奇的场馆。园内公交可以实现远距离运输,但相邻场馆的参观,却仍需要步行。园区内的标识系统尤为重要。 上海世博会的标识系统由日本 GK 设计集团承担。 ... ...

  • 图标设计心得    2010-12-24 00:22

    图标在生活中运用是显而可见的。例如:男女厕所标志和各种交通标志等。在计算机系统或软件方面的应用也是很广泛。例如:程序标识、数据标识、命令选择、模式信号或切换开关、状态指示等。 下面的例子更形象的说明这个问题。 (图片来源:九铭) 外国人A与中国人B,两人在语言上存在差异对文字的认识是不同的,用图标来表示,会缩短语言描述的距离。所以图标更具有快捷传达信息、便于记忆的特性。那么图标被广泛使 ... ...

  • 关于”点九”    2011-09-07 17:35

    “点九”是andriod平台的应用软件开发里的一种特殊的图片形式,文件扩展名为:.9.png 智能手机中有自动横屏的功能,同一幅界面会在随着手机(或平板电脑)中的方向传感器的参数不同而改变显示的方向,在界面改变方向后,界面上的图形会因为长宽的变化而产生拉伸,造成图形的失真变形。 我们都知道android平台有多种不同的分辨率,很多控件的切图文件在被放大拉伸后,边 ... ...

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

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

  • 晒晒-学习字体变形(2) 英文字体几种变形方法    2008-08-13 23:11

    中文字体就变形相对较难,组合的方式数不胜数,当然也能找出一些规律。今天就跟大家分享一些英文字体的组合规律,我想对标志设计更有帮助。 很多公司喜欢使用变形的公司的名称作为他们的标志,这是一种很好的视觉识别符号,它们简单、紧凑,而且很有趣味性。 大写 小写 大写字母和小写字母结合起来,往往有很好的效果。小写字母i 是一个很有意思的字母,看它如何完美的与 u 结合一起的。  ... ...

  • 矢量图标的管理和应用    2012-07-16 16:45

      设计的循环       毕加索终生喜欢画牛。年轻时他画的牛体形庞大,有血有肉,威武雄壮。但随着年龄的增长,他画的牛越来越突显筋骨。到他八十多岁时,他画的牛只有瘳瘳数笔,乍看上去就象一副牛的骨架。那些牛的外在的皮毛、血肉全没有了,只剩一副具有牛的神韵的骨架了。       设计也同样,过去我们借助工具希望把我们的设计 ... ...

  • banner字体设计与应用    2009-07-04 15:24

    字体设计是人类商业活动的需求,它随着时代和科学技术的进步而不断地变化着。被广泛应用于网络 生活的各个方面。 现代字体设计在电脑技术的应用中已经深入到日常工作、生活的每一个角落。 随着工作中各类需求的增多,越来越多类目的广告banner设计对字体的要求也越来越多。要想设计出 较好的作品,从电脑里调出来的任何一种标准字体都是不适合的,因为那会造成千遍一律,设计“撞车&rdq ... ...

  • 网页中的手绘应用    2012-11-02 10:14

    手绘元素通常是用在纸上的,但是它们被越来越多的用在网站设计上面,这些速写元素令网站极具个性并能为访问者提供有趣的体验。手绘风格的引入,对于互联网应用作品起到了一个积极的影响。不同的主题和绘画风格,使其表现形式具有原创性,给设计带来了多元化,人性化的特征。 我们先来看一些网络中的案例: 节庆主题插画 GOOGLE每一次节日活动的banner设计都别出心裁,这很大程度 ... ...

  • 字体图形化设计    2010-10-08 13:34

    PART1:为什么要字体图形化设计 现代设计中直接从电脑里调出来的千遍一律的标准字体已经不能满足互联网用户日渐提高的审美需求,所以设计师要打破常规,能根据不同的需求,对字体进行独特的个性化的设计。同时字体的图形化设计有利于页面f氛围的营造以及更好的传递产品的特性以及功能等,特别是在推广页面设计的时候我们对标题文案(往往概括了整个活动的专题商业需求)进行特殊的设计处理,与其他的内容 ... ...

  • 像素图设计 2011-05-09 13:27

       常常会碰到有很多人问我什么是像素图?如何设计像素小图标?像素小图标的应用?画像素小图标有没有技巧?接下来为大家从以下几个方面给大家介绍一下,希望能够和大家一起共同学习和探讨。    像素画(也叫点阵图、光栅图、位图),就是由点(一个点就是一个像素)构成的,这些点便称为像素(pixel),图象称之为Icon(图标)或者称为像素画。 ... ...

  • 选择配色方案的亮度 2010-11-05 17:03

    Luminance to Choose A Palette 推荐 阅读原文 创造一个Palette的过程中,色调和饱和度不一定是最重要的部分,颜色彼此之间如何相互作用,在我认为是更为重要的。 “我不确定那是蓝色。你能把蓝色调的更‘正’一些吗?我听说蓝色体现了一种信任感。” 设计师们在他们的职业生涯中无数次地听到这样的评论,而且这也 ... ...

  • Icon设计几个要点    2010-11-01 13:15

    来阿里五个月不到,接触最多的是web端的产品设计,主要偏向快速应用型,比如会员线的注册流程,搜索list,这种类型的页面要求简洁、信息清晰、不需要过多的图形化设计,让用户快速坚定的走完这个过程是最主要的,跟终端的gui设计有点区别,终端的界面设计更多关注图形本身的细节,其实做任何设计本质都是为用户而设计,产品整体的风格符合用户的心理,产品的信息结构导向符合用户的习惯。  这里 ... ...