主要内容
-
每日设计三推（四） 2009-11-16 20:38
从10月2日开始的“每日设计三推”计划。以web设计为主，兼之前端技术、平面、矢量、摄影以及素材。来源都是国外的blog。虽然都是英文的，但基本图像就可以说明一切，所以英语不好的同学也不用有负担。标签为#3dt 我的tw帐号：arthur369 。现在可登录tw的第三方是http://dabr.nl 和http://hootsuite.com/。欢迎大家follo ... ...
-
网站的视觉设计 2008-08-15 03:41
自己从工艺品设计到平面设计到网络设计，虽然设计原则不离其宗，但经验下来的心得告诉自己，设计媒介的变化带来很多媒介自身的特殊性，下面总结下网站视觉设计的一些要点，有他人经验，也有自己的心得： 1—logo：基本logo特征，符合logo设计基础（平面设计通用）显示器效果：清晰度，最小尺寸（因显示器分辨率而带来的，等同线下平面设计的印刷效果） 2—文字：内容等级决定字体、字号大 ... ...
-
令人难以置信的现实中的文字水电影院四维和Ph... 2009-04-23 19:28
文作者：by abduzeedo原文链接：Incredibly Realistic Water Text in Cinema 4D and Photoshop译者：ご風ぷ 昨天是下雨天，我决定设立一个水的效果。我不知道该怎么做，我看到了桌面墙纸我使用的一个形象的depthCORE海斯特章所创造Sumeco ，我们使用的墙纸周43 。要创建的效果，我必须使用Adobe的Photoshop ， Il ... ...
-
浅谈品牌的视觉识别 2009-06-30 21:38
什么是品牌的视觉传达 品牌，这个熟悉而又陌生的名词，有时总会让人产生误解。品牌很广，广到一个意会颇深的战略发展理念；品牌很小，小到一个清晰可见的图形符号。关于品牌，这里就不详细介绍了。要提到的是一套服务于品牌推广的手段CI系统（Corporate Identity System），即企业形象识别系统应运而生。CI系统是由理念识别（Mind Identify 简称MI）、行为识别（ ... ...
-
《丝路英雄》官网改版设计总结与心得 2010-04-05 22:27
大家好，我是阿枪，在这里与大家分享《丝路英雄》官网改版的一些总结与心得，希望能给大家的工作带来帮助。 之所以要进行这次改版是因为老官网品质感较差，延展性较差，用户体验薄弱，固需要重新制作拥有更高用户价值的页面。 PS:WebGame = 网页游戏 开讲前先给大家看看改版的效果,如果想体验网页效果请点击sl.qq.com 改版后: 改版前： ... ...
-
30个在网页设计中使用插画的富有创意的例子 2009-03-22 19:43
原文作者：Jacob Gube原文链接：30 Creative Examples of Illustrations in Web Design译者：zergback 30个在网页设计中使用插画的富有创意的例子 Jacob Gube 2009.3.21 在网页设计中增加插画元素能把网页设计提升到一个全新的高度上来。插画给设计增添了唯一性和特色，赋予设计鹤立鸡群的能力。设计者和艺术家在一个具体设 ... ...
-
常见视觉设计误区 2008-11-13 09:46
Article copyright by Luke WroblewskiLuke Wroblewski版权所有 作者：Luke Wroblewski 译者：UCD翻译小组， Helicopter 原文地址：http://www.uxmatters.com/MT/archives/000344.php 最近一次机遇让我重新检视了业界对于视觉设计这一角色的常见误区。这些 ... ...
-
排版的规则 2008-09-06 01:11
1.在所有标点符号后面只加一个空格 2.恰当地使用破折号 3.使用真正的引号和单引号 4.对于所有大大写字母,使用稍小的字体 5.对于大写字母文字,或部分字母为大写同时大写字母尺寸稍小的文字,增大其字符间距离 6.在合适的地方尽量使用经典数字字体 7.在经典数字字体不能用的时候,对数字采用稍小的字号 8.不要过量使用粗体,仅仅在真正重要的少数 ... ...
-
视觉设计师成长的三个阶段 2010-06-24 00:11
有不少人都看过这本书：《Grow as a graphic designer》，我自己也看过原版的PDF版本。虽然本文与这本书所讲的其实没多大关系，用这本书作楔子，实际上是想说视觉设计师在不同阶段需要认真的思考自己。现在做视觉设计门槛很低，“多数设计师不会从反思中提高”，这是我职业生涯中第一个主管给我留下印象最深的一句话，我也把它奉送给大家。 在具体项目中潜意识或有 ... ...
-
【译】在网页设计中，如何使用图标来支持内容？ 2009-03-11 09:49
在做视觉设计时，如何高效地使用图标是一门学问：该使用什么样的图标？图标该放在哪里？大小如何？图标的使用是否帮助用户更好更快的理解内容，亦或是增加了他们的理解负担甚至产生误导？今天恰好看到了一篇很好的文章，可以帮助我们了解该如何使用图标来支持内容，故翻译如下： 为什么使用图标？设计就是传达信息：如果你的网站不能吸引用户，这个问题不在于你分享的信息有多重要、有多刺激。在访问一个网站的最初，大多 ... ...
-
Phone、Windows Phone 7界... 2010-07-14 23:47
首先是锁屏，这是消灭Tufte所说界面残渣（interface-debris，比如滚动条之类无助于信息显示的界面元素）的第一个例子。整个界面没有任何控件。 要解锁WindowsPhone只需将整个屏保往上滑。手机就在屏保图片下方。 我还记得当我第一次看见iPhone时想：“哦，终于不用再记那些难以理解的按键组合来解锁了”。现在看着WindowsPhone的解 ... ...
-
文字色彩与可读性分析 2010-06-10 11:16
一.饱和度与易读性：上周在做F同学的一个项目时，涉及到较多列表性的文字链接。目前除去频道和首页，全站文字链接使用一致的蓝色，色值为#014ccc，饱和度较高，在用户浏览时更易于吸引注意，但同样也容易引起视觉疲劳，高饱和度的文字并不易于阅读。上图中，下半部分的文字降低了饱和度，是不是比上半部分读起来更舒服？ 其实，大多数门户类的网站也是使用低饱和度的蓝色作为列表链接颜色的：结论一：颜色饱和度 ... ...
-
常见智能移动设备分辨率一览 2011-01-14 02:06
移动设备分辨率一览表(单位：px)，见下图： 最大为：1024×768 最小宽：240px 中等宽：320px —————————————&mda ... ...
-
掌控像素的虚实 2012-05-11 11:05
3月份，Photoshop CS6 Beta版(下文简称PS CS6)发布公测，有着多项惊艳的新特性，工作中整天和像素打交道，感触比较深的特性就是PS CS6支持矢量对象绘制、变换时像素自动对齐网格。 当然，对象绘制、变换时像素对齐网格并不是PS CS6独有的功能，只是更智能更好用了，PS CS6的像素自动对齐网格功能在绘图过程中，无疑方便了很多，不必再担心图形边缘会出现模糊，但是我们 ... ...
-
浅谈购物类网站如何保持视觉设计的一致性 2009-03-26 22:53
在设计中保持一致性（uniformity）是网页设计中一个重要的组成部分，它能使你的设计有效地传达信息而不会导致用户迷惑或焦虑。保证一致性的一个有效方法是撰写正式的“设计风格标准”文档，也就是俗称的视觉规范。这一文档规定了一个产品或系列产品的图形用户界面设计中都必须遵守的设计准则。遵守这些准则将视觉元素保持大小一致的尺寸，有助于你的需要的时候更容易地将这些元素组合成一个新的 ... ...
-
美工自我培养的几点经验总结 2009-10-27 01:21
前言：话说，我一直没能理解美工究竟是什么（这是一篇投稿）。因为要求确实很多。目前，我只能理解成，是前端开发+页面设计+用户体验设计的全能手。如果这样，那么，真正的美工应该是相当强大的。但，似乎只有小公司才把这类人叫美工。然后，我又纠结了。请自行理解！ ===================== 随着公司影响力的壮大和产品的不断提升，相关的形象设计要逐步跟得上，需要逐渐提升，所以就招 ... ...
-
视觉设计常见误解 2008-11-12 22:30
原文作者：Luke Wroblewski原文链接：Common Visual Design Misconceptions翻译：lu2ux 最近，我有机会研究对视觉设计作用的常见误解，这些误解仍然盛行于行政主管、产品主管，工程经理和市场专家中。设计团队成员如何说明这些认识是错误的？又该如何向同事和老板展示视觉设计真相？ ... ...
-
产品&设计&色彩 2010-07-20 09:59
设计师得到产品设计需求的时候，经常会碰到一个色彩的选择问题，产品经理最初也可能会提一些自己的意见，如 A：我觉得做一个蓝色的不错，就做蓝色的吧！ B：喜庆一点的，红色没错的！ C：这个颜色太压抑了，亮一点怎么样 D：这一块颜色好花啊！ 作为设计师应该怎么去回答呢？ 先简单分析一下ABCD,4位所要表达的潜台词。 A：对该产品从个人主观或个人经验所做出的色彩上的推 ... ...
-
闲言碎语：设计的细节 2009-12-19 09:12
有一些朋友说：“你能不能写点设计过程方面的指导文章？比较具体的那种”，他们应该是不好意思说，其实就是让我写一些“关于如何做好视觉设计”，“关于设计如何让别人认同”甚至是“怎么画图标和界面更简便，更有吸引力”的事情。不是我不想写，而是这种东西的主观性太强，而我们国内的设计师大部分的视觉思维比较单 ... ...
-
2009淘宝网动画节日LOGO第一季 2009-05-18 23:52
相信大家从去年圣诞节开始，逐渐发现淘宝网首页的标志开始有了新的形式，从过往的静态图片节日LOGO变成了FLASH的动画小故事LOGO。 1.1淘宝网首页FLASH LOGO设计的意义 淘宝网首页的FLASH 节日LOGO设计是为了活跃淘宝网首页的节日气氛，以情感化交流设计的方式为广大用户在大型节假日之前登录淘宝网购物营造良好的购物氛围。同时， ... ...
