主要内容
-
移动app纹理和贴图的运用 2012-01-04 12:51
想在众多APP中脱颖而出并非一件易事，界面是取悦用户的一大法宝，看成功的APP是如何使用纹理和贴图的。 木纹，凸显古朴 左图是iBooks的界面，右图是QQ阅读的界面，都使用了木质的贴图和纹理，尽显古朴，看起来像真实的书架。 皮质，尽显商务 左图是苹果官方出品的“查找朋友”，右侧同时出自苹果的“提醒事项&rd ... ...
-
BANNER二三事 2009-09-26 13:07
看到几篇写banner设计的文章。考量角度是BANNER的转化率和视觉引导，和美不美无关。。。 第一个观点是：利用BANNER中人物的视线引导用户。 下图是利用眼动仪测试的两张不同BANNER的效果。 很明显，图2的主体文字部分受到的更多的关注. Smashingmagazine 在这篇文章的下方放了一个这样的BANNER: ^_^学以致用啊。 第二个观点是： ... ...
-
产品中图形语言规范化的意义与过程 2012-03-07 17:44
现在随着互联网企业的发展与业务的拓展，随着时间的推移，一个公司的产品可能将越来越丰富多样，同样每一个产品随不断的功能完善和扩展，随着一个产品的“长大”产品内所需要用到的图标也必然会越来越多，这时候众多产品形象的呈现、产品内图标等视觉原素的表现，如何能与整个产品或公司的战略计划相适应，这时候在图形语言的视觉呈现，语义表达、识别性等层面就需要作一个全面细致的考虑了。 我 ... ...
-
简单而不简陋﹣wp7视觉点滴 2011-04-07 22:24
一直就很期待，引入了Metro设计理念的wp7的真实操作体验，现在终于如愿了。拿到测试机，首先迅速的过了一遍，第一印象就是界面简单明了，没有华丽的高光、没有跌宕的质感，真的感觉就像在公共场所看到的信息指示牌一样简洁清晰、快速、内容为主。 下面让我们从手机的第一个界面开始看起： 与众不同的解锁界面 Wp7的解锁界面是非常与众不同的。位于中间偏下位置上的时间信息是最吸引人眼球的 ... ...
-
2009年十佳英文字体 2010-01-08 18:21
这是一份来自专业字体网站-Myfonts的年度报告，陈列展示了10种在2009年中最优秀的字体，所谓最优秀的评价标准主要是基于销售量和顾客的使用反馈。我发现虽然根据不同排版设计的需要，字体一直在做着变化和更新，但好像看上去也越来越复杂了，字体图形化的趋势越来越明显 — 我还是非常喜欢 Helvetica Neue Linotype系列。 所有字体的评价除了购买者的商品 ... ...
-
[译]网页设计师的字体替换方法指南 2011-09-02 14:10
写在这篇文章之前：中文网页字体的窘境 在国外的设计师幸福地讨论着如何不用图片进行字体替换时，当Google Proudly地提供越来越多的web fonts时，使用中文的网页设计师只能发出一声叹息。中文世界的网页字体窘境，不仅仅是由于中文符号过多造成的字体文件过大这样的技术阻碍；更深一层的原因是，根本就没有几种可用的好字体。一方面，尽管一些中文字体提供商也在致力于提供 ... ...
-
手机屏幕适配 2010-09-09 13:50
随着手机屏幕的不断的增大，同时也遇到一些用户手机屏幕还是处于240*320这种屏幕的大小，当然也存着在一些不规则的屏幕分辨率心寸大小。对于很多的UI来说，不同的手机屏幕很多时候得出多套的图才能保证手机客户端在不同的屏幕上实现匹配。针对手机客户端在不同屏幕下的实现进行规划，并制定出能够计算出具体控件位置的填充区算法，这个是前期对于不同的手机屏幕的匹配做出的一个界面适配算法。 首先认清几个 ... ...
-
欢乐斗地主设计分享 2011-09-16 13:15
Hello，大家好，我是无线新人设计师echo，第一次做项目分享心情鸡冻的hold不住。出炉不久尚未烤熟经验尚浅欢迎拍砖。 Symbian的夕阳时代，无线手机休闲游戏却依托着越来越强大平台、大展拳脚的设计为我们带来了许多意想不到的创意和惊喜，字 ... ...
-
网页栅格系统研究（2）：蛋糕的切法 2008-10-29 09:20
首先澄清一个应用场景问题。研究（1）中指出，对于结构复杂的网站，不少设计师们喜欢采用960固定宽度布局。但要注意的是，960并不是万能钥匙，大部分网站没有也不需要栅格系统。Amazon采用的是宽度自适应布局，最大限度的呈现信息。Google更是简简单单，主题部分就一个列表。eBay的页面非常简洁，商品页面宽度自适应，信息自然流畅，噪音少，购物很踏实。类似的站点还有很多，对于这些站点来说，宽度自 ... ...
-
Google Android 简约界面图赏 2008-08-21 10:18
Android 是一个真正意义上的开放性移动设备综合平台。它包括操作系统、用户界面和应用程序 － 移动电话工作所需的全部软件，而且不存在任何以往阻碍移动产业创新的专有权障碍。谷歌与开放手机联盟合作开发了 Android，这个联盟由包括中国移动、摩托罗拉、高通、宏达和 T-Mobile 在内的 30 多家技术和无线应用的领军企业组成。通过与运营商、设备制造 ... ...
-
科学与艺术兼顾的有效网页视觉设计 2008-07-26 23:02
总的来说视觉设计是一个很大的范畴，囊括了我们身边很多产品的再创作设计，比如工业产品设计，广告设计，新媒体设计，服饰设计，还有我们这里要讨论的网页视觉设计。 上面是来自澳洲Hiser Group的网页视觉设计元素归纳图示，他把网页中可能涉及的视觉设计分成了屏幕布局，图形用户界面和品牌形象三个模块。但是根据考虑角度的不同，我个人觉得应该稍微调整一下，可以把网页视觉 ... ...
-
Twitter设计细节引发的惨烈思考 2010-12-14 19:02
文章较长 Twitter大规模改版已经过去一段时间，但自己早已习惯使用第三方客户端，几乎没有认真的使用和思考过它的重设计，直到前两天客户端遇阻，不得不爬上Twitter，才注意到一点点细节。先让我们看看一切平静时的顶部页面： 图1：平静的界面 如果从未获得过焦点，上图甚至连输入框也会更简洁（有趣的是，一旦获得焦点，即使再失去，输入框也会维持在如上图状态）。然而，对 ... ...
-
網頁配色工具 2009-05-17 23:22
設計網頁時最頭痛的往往是風格的定形、顏色的選擇。花數個小時在配色上對我來說是司空見慣的事情。所幸網路上有不少配色工具和配色收集網站，絕對可以在配色的時候幫你一把。本文精選了幾個最實用而又具特式的工具，方便日後查找。 Colorotate 與眾不同的顏色選擇工具，將顏色以 3d 的關係呈現出來。用戶可以調整光源角度／強度／對比度等等，而且還可以匯出成 A ... ...
-
跟推广专题页面有关de那些事儿（一） 2010-09-26 16:30
来公司刚好一年了，接触了不同的视觉需求这里做一个小分享。 首先我说一下阿里巴巴B2B视觉设计的分类,主要分为产品视觉和推广视觉，产品视觉锻炼人的逻辑思维能力／细节的处理／规范执行。推广视觉更加偏向展现层，对视觉表达的能力要求很高／培养色感／有效的提高视觉设计师的表现技巧。个人觉得只有纵向发展到达一定的深度才有基础对横向扩展，所以最基础的是视觉表现力提高。 ... ...
-
icon小教程之图标细节的绘制 2011-08-16 22:00
今天通过一个简单的game图标的绘制教程，和大家分享在绘制过程中细节的处理和一些画图标的心得，好的，我们开始吧！ Step1 首先要定好图标的透视，这是非常重要的，这关系到图标的整体美感，透视本身也可以很好的表现图标的细节，为了透视的真实，可以通过3D软件或者平面软件中的一些的透视功能来实现。整体框架搭好，开始接下来的绘制。 Step2 先大致的铺上一层“ ... ...
-
WAP页面设计与实现小贴士 2011-01-08 19:50
目前绝大多数手机都支持WAP 2.0。WAP 2.0的页面设计具有更好的视觉效果，更接近网页。不过由于手机千差万别，手机浏览器的能力也各不相同，直接照搬网页的设计与实现，很可能让你的WAP页面出现问题。以下小贴士来自于我们的页面设计与开发实践。 1、当你试图使用背景图时，请同时搭配近似的背景色 手机上，有些浏览器是不支持使用背景图片的。比如下图，在S60v3操作系统的手 ... ...
-
页面配图个案分享 2010-12-08 21:05
这次把之前做的邮箱验证配图设计的过程分解拿来跟大家一起分享。 当接到这个需求的时候，开始考虑哪种配图方案更能辅助文字为用户呈现一个良好的页面形象,当遇到操作失败时如何能更好的消除访客的挫败感，辅助访客完成访问目标。 提供个性化的友好界面并提升访问体验呢？ 我脑海中大概设想了几种构思，然后开始考虑设计一个比较有意思的小场景来体现用户的邮箱验证情况。能够更好的提高用 ... ...
-
关于边框和底色的那一些小事（一） 2011-10-24 17:38
本文是基础性的设计探讨文章，请大侠和高手绕道，菜鸟停留片刻。我们看过很多设计师的教程文章，大家都用分解的方法来说明设计的效果。 比如：一个球形的效果，我们可以把分解成；高光，主体，阴影，颜色，等等…… 那么门户型网站的视觉设计我们也可以这么分析吗？我这里想说：YES! 其实呢一个门户型网站的界面也是有许多设计的小元 ... ...
-
每日设计三推（十）2.21-3.10 2010-03-11 20:42
我的tw帐号：arthur369 。现在可登录tw的第三方是http://dabr.nl 。欢迎大家follow。 ———————————————————&mdas ... ...
-
Web设计的中文排版 2009-01-09 10:05
很多时候，中文的Web设计仍然扮演着追赶者的角色，主流是以英语为代表的西方语言下的设计。语言是文化的重要方面，其差异——尤其是方块文字与西方字母文字的差异——强烈地影响了Web设计的效果，这其中或又以排版（typography）为甚。我们的Web设计师们醉心于那些优秀的西方设计，惊喜之余照搬或临摹，用作中文网站的设计，效果却可能差之甚远。一些跨国 ... ...
