主要内容
-
扁平化设计与色彩趋势 2013-05-03 09:11
Making it Work: Flat Design and Color Trends Designmodo版权所有 作者：Carrie Cousins 译者：UCD翻译小组，波希米亚 原文地址： http://designmodo.com/flat-design-colors/ 这篇文章将展示很多很酷的范例，甚至还提供了一个免费的用户界面工具包供你下载和使用。但如果是你自己的 ... ...
-
android 屏幕分辨率问题（转载） 2010-06-29 00:02
iPhone的icon设计就这么简单，iPhone的屏幕只有320×480像素，所以程序没有适配性问题。 Android 在研究 Android的icon设计之前，有必要先了解Android的界面是如何适配多样化屏幕的。 适配性 由于同一个UI元素（如100 x100像素的图片）在高精度的屏幕上要比低精度的屏幕上看起来要小，为了让这两个屏幕上的图片看起来效果差不多，可 ... ...
-
关于扁平化界面风格的设计美学讨论 2012-12-25 09:17
似乎真的没发生什么，也就是玛雅人过了个年。本周的更新如约和大家见面，视觉方面的一篇悠悠闲闲的小文章，关于扁平化与拟物化风格的讨论。 我个人对这方面的话题是蛮关注的，偶尔在微博上弱弱的念叨两句，也会有不少朋友来发表各自的看法，确实是大家都蛮关心的设计问题。另外最近看到不少文章观点也都是围绕这些展开的，其中有些比较公允务实，有些则比较偏颇；所谓偏颇，也就是片面表达某种风格一定比某 ... ...
-
视觉设计传达的4件东西 2012-12-28 10:36
在大家着迷用户体验设计，关注用户研究、人机交互的时候，视觉设计好像被遗忘了。 我想说的是，视觉设计一如既往地重要着。 视觉设计处在产品表现层，跟诺曼先生提出的情感化设计本能层设计水平直接相关。 如果想让用户一见钟情进而买单，让客户点头通过方案，给他们视觉上的第一印象至关重要。 没有视觉的最终落地，前面的研究和交互，似乎都将付诸东流。 因为视觉设计至少做了这四件事情 ... ...
-
审美、效用与情感——关于icon和Logo设... 2012-09-16 10:27
你们觉得iWork 3个icon里哪个最好。 Pages, Keynote 还是 Numbers? 虽然Pages和Keynote拥有非常精致的造型和拟真效果，但是就icon设计而言，Numbers要超过它们。 Numbers脱胎于现实中的物体但又不是完全模拟它们，形象更简洁有力。 从表意性上，Numbers 对图表工具的概念进行了成功的提取和抽象，相信任何人第一次见到这 ... ...
-
5°专场视觉设计小析 2013-02-16 08:31
这个主题是2012年下半年的一次内部分享，迟迟未形成文章，马上过年了赶紧整理起来，顺便给视觉设计师们拜年了！！！我自己内心的一个呼唤，明年脱离“苦逼”二字…… 网站的专场设计，应该算是网页视觉设计师的必修课，应该也算是最基本功。她所需要的设计理论都是最基本，但同时也是最重要的。设计理论版本多如牛毛，我这里仅仅整理5个方面来分析网页专场设计 ... ...
-
【CDC品牌维生素】颜色叠加在品牌中的运用 2013-02-28 21:01
我们通常研究色彩，去理解色彩的情感时，是为了想通过色彩这一具有强烈表现力的视觉因素来唤起观者的各种情绪，通过色彩表达设计者想要去反应的情感。而色彩的表现手法和方式，往往很少会有设计师去注意。而本文，主要通过一些优秀的品牌设计案例向大家介绍色彩叠加在品牌设计中的运用。 所谓叠加，即我们预先生成出来的图形、属性特征等被调用叠合在一个基本图形上的过程或方法。叠加模式把图像的&ld ... ...
-
登录图的趣味设计 2012-12-25 09:20
阿里巴巴登录页面左侧一直都会有个banner，这个图片因为位置、环境的特殊性，跟我们平常做的首页banner的设计思路会有所不同。首页banner更注重的是信息传达，登录左侧的这个banner偏重情感化设计，情感化设计除了节日、事件的氛围之后，还有就是趣味性。 趣味设计是一个比较大的概念，在这里我狭隘的把趣味设计分成两个部分来介绍，1.主体元素的创意；2.背景元素的处理。每次在做这个ban ... ...
-
建立良好的视觉层级 2012-12-07 20:21
随着互联网信息爆炸式增长，用户浏览单个网页时，并不像我们想象的如阅读文章般从左到右、从上倒下逐一查看，为什么？ 一、 视觉层级为什么重要 左侧是设计师期望用户的浏览方式，右侧为用户实际的浏览方式—摘自《Don’t make me think》 用户来到一个网站有他自己特定的目标，如阅读新闻、购物、查看新消息，然而信息量太大，逐一查看需要 ... ...
-
Android字体vs微软雅黑字体 2010-06-28 18:12
本文转自小伟的布拉格用了一段时间 Android 手机之后，不禁对系统中的字体产生了兴趣。因为看起来，Android 中使用的中文字体和 Windows 中使用的“微软雅黑”很像，我一度怀疑 Android 中使用的就是这个字体。今天有时间，就一探究竟吧。由于 Android 是基于 Linux 的操作系统，因此根据 Linux 上的经验，在手机上使用“ES文件 ... ...
-
视觉隐喻碎碎念 2013-02-01 15:12
什么概念？ 在我们做界面设计时，如果使用用户熟悉的来自真实世界的物体的图案来作为界面元素， 用户会比较容易地学会产品的使用，这种手法就是视觉隐喻（metaphoric）。 隐喻范围可以从整个界面到工具栏上的一颗小按钮。 几种类型？ 1 整体隐喻 整个界面都用隐喻的设计方法，最典型的例子就是游戏，整个现实的场景搬到游戏里面，用户一看就知道， 自己是在街上还是海上，房子是可以进去 ... ...
-
电影海报中的字体设计赏析 2012-05-27 14:37
海报又称招贴或宣传画，是一种平面形式的宣传广告。具有画面大、内容广泛、艺术表现力丰富、视觉冲击力强的特点，多用于电影、戏剧、比赛、文艺演出等活动。电影海报是海报的分支，作为电影艺术的宣传品，往往浓缩了一部电影的精华，有着深厚的文化内涵与艺术审美，具有很强的观赏性，能让观众得到除了电影本身以外的另一种平面艺术的享受。一幅优秀的电影海报，往往具有很高的设计水准，对图形、文字、色彩等设计元素运 ... ...
-
“小清新”风格的视觉表现 2012-09-27 13:00
“小清新”，近些年才流行起来的一个新名词，用来描述一种文化现象，定义某一类音乐、文学、摄影作品的风格，也随之衍生成为对爱好这类风格的人的称谓。在平时工作中经常能听到耳熟能详的交谈：“某某某的设计风格很小清新……”、“这个颜色太小清新了不太合适”…… 其实作为视觉设 ... ...
-
Android 2.0环境下的图标设计原则 2010-07-08 00:15
原作者：来源Icon Design Guidelines, Android 20译者糖梨 Android 2.0环境下的图标设计原则 创造一个统一外观，感觉完整的用户界面会增加你的产品附加价值。精炼的图形风格也使用户觉得用户界面更加专业。 本文档提供了一些信息，帮助你如何在应用界面的不同部分创造图标来匹配 Android 2. ... ...
-
视觉营销让转化率如此彪悍！ 2011-08-31 12:35
大家好，我是拎壶冲！感谢大家的掌声和惨叫！渴望得到大家惨无人道的支持，一个小小的玩笑过后我们步入今天的主题。 和以往的分享会有2点不同，1，我要做的不是什么教程，而是给大家一种引导！2，我决定以两张视觉营销领域十分出名的图片和一个问题做为开场！ 先看第一张图片： 这是一张婴儿纸尿裤的平面广告初稿，并不是很有创意，因为它产品的卖点是用文字说明的（大标题）。 ... ...
-
理解网页中的视觉层次 2010-10-14 23:10
原文来自 Webdesign Tuts+ 原创翻译 – 设计理论 视觉层次是高效率网页设计的重要原则之一。这篇文章将向大家介绍为什么设计一个具有视觉层次的网页是这么重要。在了解这些原则之后，你可以在自己的基础设计练习中运用到这些知识。 设计=交流 作为核心：设计整体就是视觉交流。作为一个高效率的设计师，你必须有这个能力清楚地将你的设计思想传达出来。人是易变 ... ...
-
浅谈图片优化的方法 2012-07-25 10:22
在网站优化中，如果图片优化得好，不但可以提高页面的加载速度，提升网站的用户体验，而且还可以通过图片优化来节省网站的带宽。那么作为页面构建工程师应该采用什么方法来优化图片，既能保证UI的还原度，又使图片最精简呢？下面我就个人经验，来简单介绍一下图片优化的方法，首先我们了解一些图片方面的知识： 1. 矢量图与位图。 矢量图：缩放、旋转不失真的图像格式，不管 ... ...
-
高品质的网页设计: 实例与技巧 2009-05-21 21:41
提升网页和博客设计品质的一些实例和技巧 原文出自WeFunction，作者是 liam，初发表于2009年4月13日。 译文由笨活儿翻译。 “高品质”是所有人追求的目标，在网页设计的世界中也不例外。不过何为“品质”，如何判断一项设计的品质是好还是坏？笔者恰好有一套找出网页设计中品质焦点的方法。一旦你了解到如何 ... ...
-
Mac Ｗin 网页字体显示方案 2012-08-26 17:31
Mac在诞生的时候就把对字体处理尽可能接近原貌成为它很大的一个卖点，而在这些年亲身使用后，个人感觉Mac下的字体确实看起来比Win下舒服些，特别是在浏览网页时，字体比较“珠圆玉润”，可惜的是Mac目前并不是主流，大多数还是Win用户。所以即使你所使用是Mac，在设计仍然要记得平衡Win下的效果。 Mac和Win的显示区别 截了段文字做了个对比,很容易看得出来 ... ...
-
浅谈网页UI之Banner篇 2010-08-09 12:44
关于网页UI,UE之类的论点文章网上太多了,更多大师将这些大师分析到极致,无论是开发领域还是设计领域,这些真正的大师所发表的文章都从不卖弄自己,更多的分析而无私的供献自己的独道见解,他们所写博文与其它政治、娱乐、商业等领域所发表的博文完全不同类型，我不是大师，但我很崇拜大师。 一个页面最醒目最吸引用户的应该是Banner了，尤其是Web2.0平台Banner显得更突出，Banner主要体心 ... ...
