图标设计教程,从符号的历史说起

自图形用户界面这个概念诞生于1970年施乐完成的第一个WIMP演示以来,使得计算机用户界面从字符发展过渡到了图形时代。经过不足半世纪的迅速发展,纵观受人瞩目的苹果系统与大众化受益者的微软视窗系统,图形用户界面呈现出层出不穷的变化。面对这些精彩纷呈、感性与理性兼备的图形界面设计,图标元素无疑起着不可忽视的作用,想在此与大家一起探索下图标的微观世界。 Read More…

构建清晰的网站栏目,网页设计教程

也许把分类单独拿出来讨论有些站不住脚,范围大涉及面又广,但不想拐弯抹角,希望能有业内人士不吝指点。分类(Classification),顾名思义的概括就是分开并且归类。学科上通常对分类的认知有以下三个方面:

1.按照种类、等级或性质分别归类

2.把无规律的事物分为有规律的。按照不同的特点分类事物,使事物更有规律!

3.推测事物间存在的一些自然关系

其实中心意思也是在讲首先区分,其次归类。在产品设计中,分类管理这种东西总是会层出不穷的跑出来让人做抉择,他们跟导航设计似乎又有着千丝万缕的干系,好的分类设计关乎用户的感觉,检查并重视产品中的分类管理变得越来越重要。 Read More…

淘宝设计教程之对齐

如果你在逛淘宝店的时候会看那些五花八门的广告图,我猜你经常会产生这种看法:这个设计师是吃屎的么,做这么难看。有时候我也会产生这种想法,还有些时候我看我自己做的东西也会产生这种想法。很多时候我们只能很主观地判断一张设计图好看还是不好看,稍微有点设计意识的人会说的出图里哪里有点怪,一个合格的设计师或者设计的拍板者则有必要懂得如何具体的指出可以改进的点。

从这个地方分散出去讲会有很多的内容,我这次说的是对齐。对齐是排版里面最最基础的东西。每个设计师都懂,可是未必重视。有些人喜欢去做一些非常花哨的技巧,虽然他连最最基础的对齐都没学好,所以我们经常看到那些花里胡哨的图,各种技巧都有,却毫无设计感可言。我觉得这就好像是有武术底子的人拿了葵花宝典自宫之后他就会NB,武术底子差的人给他百本葵花宝典,他自宫之后也只能是太监,打出来的也只能是花拳绣腿。哈哈,这个比喻是有点过的,不过意思还是那个意思。武术可以分外家功、内家功。设计其实也一样,内家功招式简单,但是需要更长时间的修炼,对齐就是之一。 Read More…

网站登录页面设计方法及鉴赏

用户活跃度是检验产品成功与否的重要指标之一,传统行业的商家极为重视门面的装潢,因为一个好的门面可以聚集人气,招揽更多的顾客。古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究,有一定的风水学说道理,更能彰显主人家的身份地位。由此可见,“门面’就如人的脸面之于人的形象一样重要,而WEB的登录页面就相当传统的“门面”。

现在越来越多的大型网站把登录和首页放在一起设计,由此可见登录页面的重要性,一个出彩的登录界面,将提升产品的品质,赋予产品独特的气质,登录界面也是一个发挥情感化设计,提升用户体验,拉近与用户之间距离的兵家必争之地,本文不谈趋势,不讲交互大道理,不涉及技术,就侃侃用户登录页面的一些设计表现形式。希望这些设计表现手法能给大家带来一些启发和灵感。

优雅大方

如果说iPad是介于传统电脑和手机之间的产品,那么tumblr则是介于blog和twitter之间的服务。相比twitter,它的功能更复杂、内容展示性更强、更加重视多媒体的应用。Tumblr做为轻博客的鼻祖,带来一种全新的视觉体验, 安东尼·德·圣-埃克苏佩里曾说过,“完美就是多一点则太多,少一点则太少。” Tumblr的登录页面没有过多的视觉干扰,优雅大方,一切元素的存在都是为了用户更好的登录,登录过程非常流畅。

Read More…

项目设计:阿里巴巴手机客户端诞生记

从无到有的阿里巴巴无线端设计,经历了由前期的产品定位、产品形态探索、无线需求场景脑暴、产品拆解、分合的产品思路讨论、版本规划到手机行为、手机平台特性分析乃至信息架构的确定、细节的推敲…

无线端敏捷开发节奏快,如何低成本、有条不紊的迭代更新,版本规划以及产品的拓展性考虑尤为关键。九宫格聚合的工具平台形态和运营形态在我们客户端的定位中必然共存,但一期内容不足功能较少,过渡期既要保证目前版本的充实和架构合理,又要考虑用户习惯的延续和activity等的代码模块可复用。

在已有13年历史的网站(培养了稳定的用户群以及培养了一定的用户习惯)基础上,实际上我们并非从零开始。B2B的业务属性决定了无线场景的设计与网站的关联性,而用户使用时必然伴随部分网站习惯的迁移,因此在基于无线场景和手机端特性设计的同时,我们也同时考虑用户在网站端的认知映射。 Read More…

网页表单设计要点

设计师不再只是为互联网创造漂亮美观的图形那么简单了,作为一个WEB设计师,我们还需要考虑一些其他的问题,比如用户体验,算法,代码等等。如今用户体验设计越来越重要,对于WEB表单的设计尤其如此。WEB表单设计的目标是设计出一套让用户能够从填表到点击提交按钮的最简单的流程。这个过程中不需要太多的炫目效果,虽然jQuery的表单插件一直都很受欢迎。在这片文章中我们只关注于表单的用户体验和交互过程。这里的概念也能够有效的帮助你减少用户在填表过程中的挫折感。

1.保持醒目和简洁

我听过不计其数的用户抱怨注册表单需要太多的信息。如果你正在想办法增加注册用户数量,那么你必须保证你的表单尽可能的易于填写。这点同样适用于其他地方的数据输入。

根据项目的不同,用户需要填写的信息数量也有所不同。注册表格可能会要求用户输入用户名,电子邮件地址,然后两次输入密码,这样当然很合理并且是用户所期待的注册方式。但是也有特殊情况,看看WordPress的默认注册页面。 Read More…

淘宝设计教程之字体和字型的选择

字体式样繁多,又有各种不同的字号,也如同气味和声音一样,含有情感、意义和相关性。您或许会被下拉菜单里庞杂的字体给吓到,随意的字体选择也可能让信息不经意地被扭曲,浏览下面的内容能帮助您在一团混乱中厘清思绪。

分类

字体样式库的内容可以分成四个主要类别:衬线字体、无衬线字体、手写体和装饰字体。字库量之大浩瀚如海,在选择之前,可以从了解字体类型和各类型所表达的普遍被接受的意义开始。

无衬线字体由于没有装饰性而最容易被识别。随着互联网的出现和印刷技术的不断发展,无衬线字体凭借它在几乎所有字号大小下都清晰易读的特性而被广泛运用。在快速简洁、不带感情色彩的向读者表达信息上,无衬线字体表现出众。设计师们在他们作品设计中,也利用无衬线字体的简单特性来创造一种时尚感或简约感。而在为标识或品牌选择字体时,则要谨慎选用无衬线字体。因为无衬线字体缺乏装饰性,在用来做一个公司或视觉识别的品牌标识时无法体现他们所需的特殊性。常见的无衬线字体:Helvetica, Arial, Verdana, Tahoma, Futura, Franklin Gothic, Gill Sans, and Univers.

Sans Serif Typeface Example

衬线字体,最基本的形式是在无衬线字体每个字母比划的开头和收尾有小小的加工。从普通的邮件使用者到专业的设计师,几乎所有人都使用衬线字体为默认字体。从设计的角度来说,衬线字体通常被用作正文字体,因为它光滑的弧度使得大量的文字阅读起来变得容易。也由于它所投射出的可信性和专业性,在商业、正式信函、营销材料和各类媒体上选用衬线字体也是很不错的选择。在这种分类下,有一个子集叫做粗衬线体,粗的衬线使得字母之间的连接并不流畅。基于它的粗重特点,粗衬线体主要运用于标题之中。常见的衬线体:Times New Roman, Georgia, Book Antiqua, Garamond, Century Schoolbook, and Bookman.(常见的粗衬线体: Courier and Rockwell) Read More…

速度快的国外空间(虚拟主机)选择

相比国内空间的昂贵与落后,功能强大的国外空间一直深受站长们喜爱,那么如何选择一个速度快的国外空间呢?我们通过自己计算机所ping出的速度只能够说明我们的访问速度,但无法真正了解目标人群的访问速度。对于做外贸的朋友,站在英文SEO的角度,有利的空间访问速度更能够增进网站再当地谷歌google的搜索排名。例如所针对地域为美国,那么我们就要确保网站在美国本土的打开速度满足某个条件。那么如何查询海外空间的速度呢?这里我们就需要用到Web ping。

Web ping

它是借助当地的服务器终端来ping你的空间IP或者网站域名来测算网站在其目标地域的访问速度。下面列举出两款免费的国外Web ping工具,可以提供多个地域ping你所给出域名或IP的速度数据,是一款非常值得推荐的工具。

http://just-ping.com/

http://network-tools.com

在其中你可以看到世界各地到底你网站的速度,这样你就知道该如何选择一款好的国外空间了!

-END-

01月30日零散日志 leave me alone!

有时候,倒霉起来就像汽车追尾,你永远不知道噩梦会在哪里中止。

回家那天开始牙疼,晚上冲了一杯王老吉放在电脑旁,不小心把杯子打翻,凉茶全部倾洒到了电脑里。几秒种后,电脑熄灭了。我以为,它的寿命到这里就结束了。往后的几天,我把它拆了无数遍,用吹风机吹了无数遍,把键盘的键帽都吹融化了,但它依然无动于衷。直到除夕那晚,我按了一下电源,结果它却可以启动了。这就像是年前的恶作剧。 Read More…

《Real steel》 铁甲钢拳2011

故事发生公元2020年,拳击台上的拳手成了机器人的天下,而我们的主角只是所谓的第二代陪练拳击机器人。整部电影的故事只能用平庸来形容,失败的父亲,突而其来的儿子,连同一个旧时代的机器,上演一出以弱胜强的励志片。Real steel铁甲钢拳是典型的好莱坞商业片,所幸画面与音响的搭配还不错,概念设置也还新颖。整个故事推下去,还算流畅,没有多余的废话,不拖沓,为娱乐而娱乐,想要娱乐身心的话,就值得一看!

-EDN-

Pyaar Ka Punchnama

《Pyaar Ka Punchnama》(2011),中文译名有《爱的死亡报告》、《爱的尸检报告》等等,电影中的一个评论女人的片段流行于各大中文微博,呃,没错,就是那个男人喋喋不休的说个不停的片段。这原本应该是轻快的电影,但是看到最后,鼻子忍不住酸了一把。有兄弟的人,有女人的人,应该都会深有感触。

上次看了《三个傻瓜》,对印度电影眼前一亮。这次看完《Pyaar Ka Punchnama》,我敢说我爱上宝莱坞电影了。以后会多看宝莱坞电影,虽然总是有那些无厘头的歌舞,但是那些浓墨重彩的布景,让人很窝心。最后,怀念一下大学的死党们,愿你们在远方都过得很好!我爱你们!

-END-

1月17日零散日志 吃货的春天

从元旦开始,牙齿发炎,困扰了我五天。有一天醒来照镜子,还吓了一跳,发现自己变成了陌生人,原因是前面肿的厉害,差点像前颚突出的“猿类”了。想必上帝是为了补偿我,在推掉了两个满月酒后,开始了公司的年饭。其实,不过是去五湖四海吃自助餐,但对我这种吃货,最适合不过了,一群人围着吃始终是吃不饱的。

餐馆很大,中央位置还放着一架钢琴,偶尔有个老外在上面弹唱,然后台下就有个花痴般的小伙子“色迷迷”的看着。我跟着一个瑜伽导师混,他说我这体格得多吃肉,我就往死里夹肉,牛肉、羊肉、猪肉、鸡肉,吃了一轮后,又开始扫荡蔬菜。第三轮是水果,第四轮是甜品。最后,和肚皮舞老师排队要生蚝,一轮又一轮,高蛋白,营养。狼吞虎咽了无数遍之后,发现餐桌上有张“温馨提示”,意思大概是要先吃水果,再吃甜品,海鲜,最后吃点热腾腾的。看来,我全吃反了。 Read More…

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35  Scroll to top