主要内容
-
(翻译) GUI设计中的写实性 2010-01-22 21:51
原文：Realism in UI Design翻 看一下近些年来用户界面的视觉设计你一定会发现“写实风格”正逐步变成主流。我们所使用的电脑越来越强劲，速度越来越快，设计师们也有了更多的发挥空间。 为了增加细节，我们已经可以使用3D效果、阴影、透明甚至一些物理特性来修饰界面。这其中有些效果能显著改善可用性，比如阴影能够更好地帮助用户区别激活 与非激活状态的窗口、iPho ... ...
-
Mobile app视觉传达的魅力 2011-04-26 12:45
时下移动开放平台众多，苹果、谷歌、微软、诺基亚都有自己的移动开发平台，想让自己的产品在众多的开放平台中留住用户，只靠品牌是不够的，产品用户体验比品牌更重要。我们可以充分的利用移动设备的特性，运用视觉传达的表现方式，去创造具有优秀的用户体验的app应用软件。 在如今这个智能手机时代，大屏幕高分辨率触摸屏的智能手机在市场上即将呈现普及的趋势。智能手机意味着会有许 ... ...
-
巧用“核心数据像素”打造出彩的用户界面设计 2011-11-18 16:08
导读：更新一个网页界面，对其进行重新设计和包装可以有很多种不同的方案。作者Rian van der Merwe认为在重新包装过程中，要首先肯定网页的用户需求、展望市场的总体趋势，战略性的品牌定位。重新设计的方案和具体落实都要为他们服务。而重新包 装的风险在于，更新之后的网页失去了用户已经适应、熟悉、认可的导航和体验。在美观改进的同时，失去了忠实于老版本体验的用户。由于这样一个风险的存在， ... ...
-
从苹果电脑看视觉设计的深层审美文化心理 2008-07-26 22:57
引言 对一个产品而言，用户所体验的并不单纯是审美与功能的设计。也附加着文化、社会、历史等多个维度的复合体验。苹果电脑在中国，不单是一个电脑品牌符号，更是一个文化符号。与此文化符号链接的关键词包括：美国、西方、富有、品味、时尚、个性、国际化等。在当今的国际大背景下，苹果电脑在中国的用户体验，包含着东方在面对西方强势文化与经济的入侵时，大众所产生的“天堂在彼岸”式的文 ... ...
-
(译)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 ... ...
-
优秀界面设计——orangelabel - ... 2008-08-07 15:05
About orangelabel：We have been engaged in web design, web site development, logo and icon creation, as well as ASP and PHP programming for over 6 years. The case： ... ...
-
专题头图的秘密武器 2010-11-29 23:41
⊙前言 门户网站因为市场竞争日益激烈，各大门户竞相以谁家资讯更多、领域更广、内容更深等等策略来留住用户的芳心，由此近年来门户网站被称为网络世界的“百货商场”或“网络超市”。即然是个百货商场或超市，那么商场与商场之间的竞争又能通过什么方式使自己处于优势呢？ 除了扩大自己的规模、增加商品的种类、优惠折扣以外还可以通过发挥我商场的独特产品 ... ...
-
QQLive华丽蜕变 彰显高清视界 2010-12-10 23:00
QQ Live 大界面改版背景 左右分体模式使得播放器和视频库均受到限制，视频库尺寸小，用户找片不方便。 QQ Live原来版本为分体式左右两个模块结构（播放器宽565，视频库宽490，总高511）占据分辨率为1280×1024的屏幕不足50%的空间。 一、四种用户场景 经过用户研究，我们得出了QQ Live的四大用户场景： ... ...
-
Smashing Magazine专刊 2008-08-19 23:08
Smashing Magazine是个不错的网站, 经常会有些创新的, 实用的案例集合和guidelines. 这一期的茶闻, 我们来特别关注一下它们的文章. How to Communicate Design Decisions to Clients? 不管你是Graphic Designer还是UI Designer, 都经常要向businnes sell你的观点,设计等等. 这 ... ...
-
用色彩打造专业的视觉效果 2010-07-21 22:55
上周看到这篇文章,很有收获.色彩的使用无论是在网站还是工作各个环节的沟通都很重要.好的色彩可以让用户更舒服,更愉悦,同时营造更好的气氛.但同时很多问题需要在产品设计环节就该解决,否则会遗留到视觉设计并且无法解决.这篇文章讲了很多基础理论和具体的方法论,尤其喜欢这种文章,翻译出来… PS:文章很长,要有心里准备… 原文地址: http://www.webd ... ...
-
龙湖天街app的视觉之路 2011-06-29 20:37
龙湖北城天街的app视觉设计部分终于收尾，从最初的版本到现在已经发布的版本，中间经历了种种蜕变，今天做一个回顾和整理，记录这次的经验和心得。 赏心悦目的视觉设计是app品质加分的砝码。一个app在整个逻辑架构清晰合理、设计出色的前提下，如果能给大家展现一张漂亮而生动的脸蛋那就再好不过了，秀外慧中的美女总是得到更多的青睐。针对客户的气质来确定基本的配色和风格：龙湖是一家全国知名的地产公司，& ... ...
-
翻转吧，界面！－3D UI概述 2011-04-27 13:35
随着技术发展，界面越来越简易化，二维的操作难以提供更好的交互体验，因此平面化的操作界面转向3D 空间维度发展，我们又迎来的了新的时代，一场革命性新的交互体验；本次分享，作为3D UI的概述，以下就整体的来了解下3D UI。 图1：如何定义3D 什么是3D 我们首先了解下什么是3D： 一般而言，3D也称为三次元、三维空间；日常生活中可指由长、宽、高、3个维 ... ...
-
960 时代的终结 2011-01-11 00:57
按照惯例，年底的淘宝的确是到了“需要改版的时候”。这次新版的淘宝首页上线，乍看并没有多少夺人眼球的地方，但仔细揣摩其中的细节，还是发现了不少的改变。 其中有一点就是感觉页面留白过多，仔细看了下发现是页宽从原来的 960px拉伸至 1000px。 不要小看这个增加了的 40px 页宽，这对于设计师们而言可能是做了个“异常艰难的决 ... ...
-
远观页面评估视觉设计 2008-12-22 20:44
Article copyright by Dmitry Dmitry 版权所有 作者：Dmitry；译者：UCD翻译小组， 笑炊 原文地址：Take a Step Back to See the Big Picture 我发现，当你做Web设计──或者其他任何涉及到排版和界面设计──的项目时，眯着眼睛，或者从一定距离的远处检查你的设计效果会很有帮助。你需要做的，就是眯着眼睛，或者 ... ...
-
色生心中：人性化的HSL模型 2011-05-09 12:39
对于视觉设计师来说，RGB、CMYK什么的就像左右手一样熟悉。但如果仅用心算的方法，不借助于Photoshop拾色器或任何类似的工具，你可不可以快速说出“海棠红”所对应的RGB色值？如果再加一点橙色进去，把亮度提高一点，色值又是多少？ 很难回答，是吧……面对这些坑爹的问题，视觉设计师/前端工程师们通常只能打开Photoshop，输入当前颜 ... ...
-
悲剧：宜家换字体 2009-09-14 20:45
左为09年目录册，使用 Futura；右为10年目录册，使用 Verdana。Image: fontblog.de 世界在伦敦2012奥运会标志的推出后就变得不能理解了。从这个令人惊愕的奥运标志（记得 Wolff Olins 说2012年大家就会看出这个超前设计的好，现在却仍看不透），到奥迪汽车 logo 换字（via Dajuin），然后是炙手可热的杂志《032c》，设计界出现 ... ...
-
信息图形中的颜色探讨—面向色盲人士友好的设计... 2012-06-02 11:18
颜色可以用来区分信息图形上的数据类别和维度，是数据可视化中最常用的视觉变量之一。然而，世界上有超过8%的男性和0.4%的女性都被色觉障碍的问题困扰——他们在识别部分或者全部颜色时有困难。我们通常笼统的称这类人群为“色盲(Color Blindness)”（也称为道尔顿症、色觉缺失、色觉辨认障碍、色弱等）。面对如此庞大的特殊受众，设计师理应关注他们的需 ... ...
-
网页栅格系统研究（3）：粒度问题 2008-10-29 12:39
研究（2）中讨论了栅格系统的基础知识。这一篇将集中探讨栅格系统的粒度问题。（注：如非特别指明，栅格系统均指24列960栅格系统） 淘宝的首页（截图）目前尚未严格遵守栅格系统，如果重构的话，宽度方向可以考虑采用下面的栅格布局（只考虑页面主体部分，忽略高度的比例）：（图1） 纷乱的高度世界 我们来看下图1左上角。左上角部分目前的宽度为256px, 重构的话可以将宽度缩小到230px以符合栅格 ... ...
-
每日设计三推（三）10.19-10.30 2009-10-31 01:24
从10月2日开始的“每日设计三推”计划。以web设计为主，兼之前端技术、平面、矢量、摄影以及素材。来源都是国外的blog。虽然都是英文的，但基本图像就可以说明一切，所以英语不好的同学也不用有负担。标签为#3dt 我的tw帐号：arthur369 。现在可登录tw的第三方是http://dabr.nl 和http://hootsuite.com/。欢迎大家follo ... ...
-
如何改善软件的用户体验 之 颜色与UI 2009-05-20 22:20
顾名思义，GUIs（Graphical User Interfaces，图形化用户界面）从视觉上展现了它们的特性与功能。人机交互在很大程度上是依赖于可视界面，寻找某个事物，并与图形化UI元素进行 交互。颜色是任何视觉画面的主要特征，这并不仅限于计算机屏幕，而是任何我们所看到的事物。因为在我们日常生活中，大多数所看到并进行交互的事物都是有颜 色的——或许是看到的太多了， ... ...
