主要内容
-
理解色彩的情感 2011-02-10 16:25
以下内容由hiued.com用户体验数据分析中心整理，理解色彩情感。本博文更新于2011年2月10日。最近看了很多色彩方面的书籍，以下为仅对色彩与情感的一点思考，整理成文，希望对您有一点帮助。此2篇文章重点参考了 relen（梁景红）的《写给大家的色彩书》。 理解色彩的情感1 理解色彩的情感2 ... ...
-
重温《二维设计基础》 2011-02-09 15:25
俗话说“温故而知新”在看了中国美院王雪青老师的《二维设计基础概论》视频后很受启发。王老师对设计的梳理与总结很见功力，解析的深刻而清晰，好的东西不敢独享，在此与大家一起分享。 先来了解一下什么是二维设计基础？ 维度的定义 一维只有长度，呈一种相对的线形状态； 二维有长度与宽度，呈相对的面形状态； 三维有长度宽度和高度，呈体积或空间的状态； ... ...
-
百度手机输入法2.0升级交互视觉设计分享 2011-01-27 21:50
曾经有一个好用的输入法放在我的眼前，可是我没有用，等我被输入搞得焦头烂额的时候才后悔莫及，人世间最痛苦的事莫过于此。你的手机如果还没有装百度手机输入法的话赶紧去装吧！不要再犹豫了！ 结合本次升级，我们从交互、视觉设计的层面与大家分享一些我们的设计心得和思路。 交互设计层面： 输入法的交互设计，首先应遵循的理念是：如何让用户更方便和快捷的输入？ ... ...
-
国内外WAP网站LOGO一览表 2011-01-14 02:29
以下内容由hiued.com用户体验数据分析中心整理，WAP网站LOGO一览表。本博文更新于2011年1月14日。均为最新数据。 国内wap站LOGO现状小结：1.LOGO图片格式全部为gif格式，无png格式2.LOGO平均宽高比国外的大一些，但大部分遵守着默守的规范（如不使用JPG的图片）3.国内很多直接命名为logo.gif4.大部分将大小控制在2KB以内，（58同城仅39 ... ...
-
常见智能移动设备分辨率一览 2011-01-14 02:06
移动设备分辨率一览表(单位：px)，见下图： 最大为：1024×768 最小宽：240px 中等宽：320px —————————————&mda ... ...
-
QQ登录banner再设计 2011-01-11 12:04
QQ登录banner是与用户沟通情感的小窗口，在一些特殊的日子里我们尝试一些力所能及的表达方式来给用户一种感动，一种记忆。 QQ登录banner正力求避免直白的画面呈现，增强画面的趣味性、故事性，唤起用户共鸣，以幽默的方式带给用户愉悦的心情。 下面分类归纳一些节日banner的创作过程，通过记录一些设计过程中的反复与纠结，总结几点与大家共享。 一. 避免低幼与直白的画面铺陈 【开学日】 ... ...
-
960 时代的终结 2011-01-11 00:57
按照惯例，年底的淘宝的确是到了“需要改版的时候”。这次新版的淘宝首页上线，乍看并没有多少夺人眼球的地方，但仔细揣摩其中的细节，还是发现了不少的改变。 其中有一点就是感觉页面留白过多，仔细看了下发现是页宽从原来的 960px拉伸至 1000px。 不要小看这个增加了的 40px 页宽，这对于设计师们而言可能是做了个“异常艰难的决 ... ...
-
WAP页面设计与实现小贴士 2011-01-08 19:50
目前绝大多数手机都支持WAP 2.0。WAP 2.0的页面设计具有更好的视觉效果，更接近网页。不过由于手机千差万别，手机浏览器的能力也各不相同，直接照搬网页的设计与实现，很可能让你的WAP页面出现问题。以下小贴士来自于我们的页面设计与开发实践。 1、当你试图使用背景图时，请同时搭配近似的背景色 手机上，有些浏览器是不支持使用背景图片的。比如下图，在S60v3操作系统的手 ... ...
-
敲开2011-元旦logo制作心得 2011-01-04 18:32
又到新年，先祝大家节日快乐。在元旦佳节之际，妈妈首页logo也换上新装。 这里就给大家分享下这个logo整个创意及制作的心得。 做这个logo前，先明确下目的和功能：1时令性、2趣味性。作为元旦的logo必须符合当下季节以及节日气氛，这是最基础的，其次则是能给用户提供良好的体验感觉，使其愉悦和认同。本着这两点，再进一步分析，列出与元旦相关的各个元素： 通过对 ... ...
-
百度MUX形象横空出世 2010-12-31 18:30
2010年年初，一群年轻人带着梦想，走进移动互联网领域。 从零开始，我们学习各种文档；购进各种移动设备，甚至自掏腰包，体验各种产品； …… 一年了，我们的队伍在壮大， 一年了，我们更加坚定这个梦想！ 现在我们开博，与更多的移动互联网爱好者认识、交流。 目标： 开博之际，我们首先需要一个logo 方向： 选择一 ... ...
-
图标设计心得 2010-12-24 00:22
图标在生活中运用是显而可见的。例如：男女厕所标志和各种交通标志等。在计算机系统或软件方面的应用也是很广泛。例如：程序标识、数据标识、命令选择、模式信号或切换开关、状态指示等。 下面的例子更形象的说明这个问题。 (图片来源：九铭) 外国人A与中国人B，两人在语言上存在差异对文字的认识是不同的，用图标来表示，会缩短语言描述的距离。所以图标更具有快捷传达信息、便于记忆的特性。那么图标被广泛使 ... ...
-
浅谈终端视觉设计中的文字运用 2010-12-14 19:32
文字是人类用来记录语言的符号系统。随着社会的发展，文字已经摆脱了在纸张上，版面上的简单呈现模式，当下的数码产品中有着更为丰富的应用。 大家都知道，界面效果虽然日趋拟物化和平面化，但现在往往很多细节还是脱离不了文字的显示，手机终端屏幕的限制和用户的学习成本也更深一步的决定了文字的不可缺少。 只是在界面设计中，这些文字更加具有逻辑性，和类别性，看似与界面融为一体，实则有更多的考量标准， ... ...
-
Twitter设计细节引发的惨烈思考 2010-12-14 19:02
文章较长 Twitter大规模改版已经过去一段时间，但自己早已习惯使用第三方客户端，几乎没有认真的使用和思考过它的重设计，直到前两天客户端遇阻，不得不爬上Twitter，才注意到一点点细节。先让我们看看一切平静时的顶部页面： 图1：平静的界面 如果从未获得过焦点，上图甚至连输入框也会更简洁（有趣的是，一旦获得焦点，即使再失去，输入框也会维持在如上图状态）。然而，对 ... ...
-
QQLive华丽蜕变 彰显高清视界 2010-12-10 23:00
QQ Live 大界面改版背景 左右分体模式使得播放器和视频库均受到限制，视频库尺寸小，用户找片不方便。 QQ Live原来版本为分体式左右两个模块结构（播放器宽565，视频库宽490，总高511）占据分辨率为1280×1024的屏幕不足50%的空间。 一、四种用户场景 经过用户研究，我们得出了QQ Live的四大用户场景： ... ...
-
图片格式与设计那点事儿 2010-12-10 22:39
第一次写技术博客，有不尽如人意的地方，还请见谅和指正。 为什么想整理这方面的类容，我觉得就像油画家要了解他的颜料和画布、雕塑家要了解他的石材一样，作为网页设计师也应该对图片格式的特性有一定了解，这样才能更好的表达你的创意和想法。 除此之外，我们在平时工作中也会遇到许多与图片格式相关的问题。比如设计师会奇怪为什么有些页面的产出物总是没法达到设计稿那样的品质和效果，什么样的设计才更适合 ... ...
-
页面配图个案分享 2010-12-08 21:05
这次把之前做的邮箱验证配图设计的过程分解拿来跟大家一起分享。 当接到这个需求的时候，开始考虑哪种配图方案更能辅助文字为用户呈现一个良好的页面形象,当遇到操作失败时如何能更好的消除访客的挫败感，辅助访客完成访问目标。 提供个性化的友好界面并提升访问体验呢？ 我脑海中大概设想了几种构思，然后开始考虑设计一个比较有意思的小场景来体现用户的邮箱验证情况。能够更好的提高用 ... ...
-
用心创造品牌，腾讯游戏品牌设计 2010-12-08 20:59
在CDC有一句用来吓唬新同学的话：“不好好学习，小心被捉去画logo…” 此语虽然玩笑，但也见得公司对品牌形象的一丝不苟。而这次的任务是绝对的Boss级，荣誉会很大，鸭梨会更大。 一．江湖背景： 客户是公司四大才子之一，英俊儒雅、气宇轩昂的腾讯游戏君。近年来凭借其八斗之才和磨砥刻厉的专业精神造就了诸多行业神话。但是此时的腾讯游戏还在借 ... ...
-
2010 图标设计趋势 2010-12-07 21:56
天冷，人懒，事多，我就不全文翻译了。只列几个标题，很多内容完全按照我自己的理解写了一下。想读原汁原味的请移步：Icon design trends 2010 作者是 Denis Kortunov 1. 我大，我大，我大大大 和现代女人的罩杯一样，图标也越来越大了。原因很简单，不管是桌面设备还是手持手持设备，dpi逐渐变高，高像素的图标变得必不可少了。 ... ...
-
手机UI设计检测要素 2010-12-06 10:19
最近忙的有点乱，对于无线的关注一直在看产品的UI，因为手上的无线项目全在筹建中，对于UI设计的要求也在与同僚中耳熟目染中慢慢的接触了新的手 机UI设计要素，同时也是对自己产品手机UI设计的要求，也为自己筹建的无线项目组定立一些手机规则，为了统一打造有点属于自己的产品，加入一些元素，手 机UI一直被我称为产品的“脸面”，一款好的手机产品一定有一套优秀的手机UI界面。 ... ...
-
巧妙性设计之UI按钮设计方法论（二） 2010-11-30 23:10
上一节我写了在生活中找到按钮设计的元素，这一节中我也会延续生活中的设计这个观点，这一节写的是按钮在界面中运用设计，那么我们怎么从生活中来找到灵感呢，一直觉得做设计就是做原色的统一和对比，无论是平面、UI界面、数码、环境空间、服装等，一切设计概莫能外。有对比就会有统一，对比统一是设计师最容易也是最难拿捏的部分。这些往往都是设计师在自己的工作和学习中总结的属于自己的学习方法。 那么下 ... ...
