主要内容
-
为了信息传达的更加有效 / 交通专用字体 2010-02-01 18:33
我们很高兴的邀请到方宏章加入 Type is Beautiful，作为专业的平面设计师，一方面我们希望他能为这里带来更多更专业的文章，另一方面也希望能够扩大平台、鼓励更广更深的交流。请参与留言讨论吧。 德国用于路牌的 DIN 1451 字体。Image: typografie 之前有一篇博文是关于杭州新交通设施的设计方案，是由中国美术学院艺术设计院设计的，有不少朋友提出一些异议 ... ...
-
欢乐斗地主设计分享 2011-09-16 13:15
Hello，大家好，我是无线新人设计师echo，第一次做项目分享心情鸡冻的hold不住。出炉不久尚未烤熟经验尚浅欢迎拍砖。 Symbian的夕阳时代，无线手机休闲游戏却依托着越来越强大平台、大展拳脚的设计为我们带来了许多意想不到的创意和惊喜，字 ... ...
-
浅谈网页UI之Logo篇 2010-08-09 12:42
上一篇讲到Banner是整个页面中最醒目的元素，也是占用空间最大的区块，而Logo则是代表站个网站乃至公司的形象的，网页中的Logo基本上会出现在整个网站中的所有页面，其重要性不言而喻，现在的Logo越来越具有创意性，越来越简单、干净、直接等，但这并不影响网站形象，这是互联网潮流趋势和设计理念的动向。好的Logo可以直接代表了网站的灵魂，甚至延伸致产品、文化、精神、理念等，好的Logo也刻画出作者 ... ...
-
跟推广专题页面有关de那些事儿（一） 2010-09-26 16:30
来公司刚好一年了，接触了不同的视觉需求这里做一个小分享。 首先我说一下阿里巴巴B2B视觉设计的分类,主要分为产品视觉和推广视觉，产品视觉锻炼人的逻辑思维能力／细节的处理／规范执行。推广视觉更加偏向展现层，对视觉表达的能力要求很高／培养色感／有效的提高视觉设计师的表现技巧。个人觉得只有纵向发展到达一定的深度才有基础对横向扩展，所以最基础的是视觉表现力提高。 ... ...
-
2009年十佳英文字体 2010-01-08 18:21
这是一份来自专业字体网站-Myfonts的年度报告，陈列展示了10种在2009年中最优秀的字体，所谓最优秀的评价标准主要是基于销售量和顾客的使用反馈。我发现虽然根据不同排版设计的需要，字体一直在做着变化和更新，但好像看上去也越来越复杂了，字体图形化的趋势越来越明显 — 我还是非常喜欢 Helvetica Neue Linotype系列。 所有字体的评价除了购买者的商品 ... ...
-
icon小教程之图标细节的绘制 2011-08-16 22:00
今天通过一个简单的game图标的绘制教程，和大家分享在绘制过程中细节的处理和一些画图标的心得，好的，我们开始吧！ Step1 首先要定好图标的透视，这是非常重要的，这关系到图标的整体美感，透视本身也可以很好的表现图标的细节，为了透视的真实，可以通过3D软件或者平面软件中的一些的透视功能来实现。整体框架搭好，开始接下来的绘制。 Step2 先大致的铺上一层“ ... ...
-
关于边框和底色的那一些小事（一） 2011-10-24 17:38
本文是基础性的设计探讨文章，请大侠和高手绕道，菜鸟停留片刻。我们看过很多设计师的教程文章，大家都用分解的方法来说明设计的效果。 比如：一个球形的效果，我们可以把分解成；高光，主体，阴影，颜色，等等…… 那么门户型网站的视觉设计我们也可以这么分析吗？我这里想说：YES! 其实呢一个门户型网站的界面也是有许多设计的小元 ... ...
-
网页栅格系统研究（2）：蛋糕的切法 2008-10-29 09:20
首先澄清一个应用场景问题。研究（1）中指出，对于结构复杂的网站，不少设计师们喜欢采用960固定宽度布局。但要注意的是，960并不是万能钥匙，大部分网站没有也不需要栅格系统。Amazon采用的是宽度自适应布局，最大限度的呈现信息。Google更是简简单单，主题部分就一个列表。eBay的页面非常简洁，商品页面宽度自适应，信息自然流畅，噪音少，购物很踏实。类似的站点还有很多，对于这些站点来说，宽度自 ... ...
-
像聪明女孩穿衣服那样设计网页文字 2008-07-26 23:19
这世上“没有丑女人，只有懒女人”这是女人美丽圣经里的最精彩的一句话了，一个女人只要舍得花时间琢磨怎么保养，怎么打扮，总能够找到方法展现自己美丽的一面的。界面设计何尝不是如此？那就让我们来看看聪明女人的穿衣之道里有没有什么做设计可以借鉴的地方。 原则一：全身搭配的衣服主色不要超过三种。 不管什么样的衣着都应该有一个主色调，代表穿衣者想彰显的气质，她不可能样样都强调 ... ...
-
页面配图个案分享 2010-12-08 21:05
这次把之前做的邮箱验证配图设计的过程分解拿来跟大家一起分享。 当接到这个需求的时候，开始考虑哪种配图方案更能辅助文字为用户呈现一个良好的页面形象,当遇到操作失败时如何能更好的消除访客的挫败感，辅助访客完成访问目标。 提供个性化的友好界面并提升访问体验呢？ 我脑海中大概设想了几种构思，然后开始考虑设计一个比较有意思的小场景来体现用户的邮箱验证情况。能够更好的提高用 ... ...
-
WAP页面设计与实现小贴士 2011-01-08 19:50
目前绝大多数手机都支持WAP 2.0。WAP 2.0的页面设计具有更好的视觉效果，更接近网页。不过由于手机千差万别，手机浏览器的能力也各不相同，直接照搬网页的设计与实现，很可能让你的WAP页面出现问题。以下小贴士来自于我们的页面设计与开发实践。 1、当你试图使用背景图时，请同时搭配近似的背景色 手机上，有些浏览器是不支持使用背景图片的。比如下图，在S60v3操作系统的手 ... ...
-
Web设计的中文排版 2009-01-09 10:05
很多时候，中文的Web设计仍然扮演着追赶者的角色，主流是以英语为代表的西方语言下的设计。语言是文化的重要方面，其差异——尤其是方块文字与西方字母文字的差异——强烈地影响了Web设计的效果，这其中或又以排版（typography）为甚。我们的Web设计师们醉心于那些优秀的西方设计，惊喜之余照搬或临摹，用作中文网站的设计，效果却可能差之甚远。一些跨国 ... ...
-
網頁配色工具 2009-05-17 23:22
設計網頁時最頭痛的往往是風格的定形、顏色的選擇。花數個小時在配色上對我來說是司空見慣的事情。所幸網路上有不少配色工具和配色收集網站，絕對可以在配色的時候幫你一把。本文精選了幾個最實用而又具特式的工具，方便日後查找。 Colorotate 與眾不同的顏色選擇工具，將顏色以 3d 的關係呈現出來。用戶可以調整光源角度／強度／對比度等等，而且還可以匯出成 A ... ...
-
“Metro”，移动设备视觉语言的新新人类 2011-02-11 22:47
何谓“Metro”？“Metro”本意是指“地铁”。纵观机场、地铁、公交线路图等，会发现这些导视设计都具有高度概括性，对比度强烈等特点，并被用来指导人们更快的找到自己要去的目的地。 “Metro”之源 一个移动设备的界面设计语言怎么会跟地铁挂上钩呢？每一次 ... ...
-
科学与艺术兼顾的有效网页视觉设计 2008-07-26 23:02
总的来说视觉设计是一个很大的范畴，囊括了我们身边很多产品的再创作设计，比如工业产品设计，广告设计，新媒体设计，服饰设计，还有我们这里要讨论的网页视觉设计。 上面是来自澳洲Hiser Group的网页视觉设计元素归纳图示，他把网页中可能涉及的视觉设计分成了屏幕布局，图形用户界面和品牌形象三个模块。但是根据考虑角度的不同，我个人觉得应该稍微调整一下，可以把网页视觉 ... ...
-
每日设计三推（十）2.21-3.10 2010-03-11 20:42
我的tw帐号：arthur369 。现在可登录tw的第三方是http://dabr.nl 。欢迎大家follow。 ———————————————————&mdas ... ...
-
图标设计的那些事 2012-01-04 12:59
作为一名大学刚毕业入行不久的小菜鸟，斗胆在这里分享下我对于图标设计的一些心得体会。说的不好，还请各位看客包涵指正。 图标在我们日常生活中被广泛应用，软硬件、网页、社交公共场合无所不在。广义来说，图标就是具有指代意义的图形符号，具有高度浓缩并快捷传达信息、便于记忆的特性。狭义来说，就是我们所熟悉的在计算机程序方面的应用。包括：程序标识、数据标识、命令选择、模式信号或切换开关、状态指示等。如 ... ...
-
Twitter设计细节引发的惨烈思考 2010-12-14 19:02
文章较长 Twitter大规模改版已经过去一段时间，但自己早已习惯使用第三方客户端，几乎没有认真的使用和思考过它的重设计，直到前两天客户端遇阻，不得不爬上Twitter，才注意到一点点细节。先让我们看看一切平静时的顶部页面： 图1：平静的界面 如果从未获得过焦点，上图甚至连输入框也会更简洁（有趣的是，一旦获得焦点，即使再失去，输入框也会维持在如上图状态）。然而，对 ... ...
-
浅谈页面设计中光的特效 2012-02-10 23:16
为了展现页面的主题或者是贴近游戏的氛围，常常会看见游戏的页面中运用了许多不同类型的光效的渲染，一个简单的元素有时候加上一点光效就可以化腐朽为神奇。那么光效究竟是如何具体地影响页面的视觉观感的呢？ 1、 丰富页面的层次 当人物和背景的颜色比较接近时，为了增强人物的立体感和空间感，可以在人物上添加光效，拉开人物和背景的距离，形成视觉差异，这样需要强调的人物就瞬间凸显了出来，页面的 ... ...
-
浅谈腾讯视觉的关系设计 2010-09-16 10:51
一、腾讯LOGO 08年4月腾讯网（QQ.com）宣布启用新品牌标识，以绿、黄、红三色轨迹线环绕的小企鹅标识取代过去的QQ企鹅图案，腾讯传媒、QQ游戏等业务，都将同期统一更换新标识。 二、从logo来看产品的视觉关系 色彩关联 通过产品视觉对比后，我们发现了一个有趣的现象： 1、大多腾讯的产品都会从蓝、绿、黄、红4种色彩中搭配使用（ ... ...
