‘视觉设计’ 分类的存档

“美工”?“视觉设计师”?在现在这个分工越来越明确的时代,视觉设计师需要更多的了解用户的行为,用色彩去更好的表现内容,引导用户的行为

没有评论【译】在网页设计中,如何使用图标来支持内容?

2009年11月22日

在做视觉设计时,如何高效地使用图标是一门学问:该使用什么样的图标?图标该放在哪里?大小如何?图标的使用是否帮助用户更好更快的理解内容,亦或是增加了他们的理解负担甚至产生误导?今天恰好看到了一篇很好的文章,可以帮助我们了解该如何使用图标来支持内容,故翻译如下:

为什么使用图标?设计就是传达信息:如果你的网站不能吸引用户,这个问题不在于你分享的信息有多重要、有多刺激。在访问一个网站的最初,大多数用户首先扫描页面来寻找视觉上看着有趣的内容,只有某些事物引起了他们的注意力,他们才真正开始阅读。图标是一个简单、有效的方式吸引用户阅读你网站上的内容。  阅读全文…

分类: 视觉设计 标签: ,

没有评论如何设计网页横幅

2009年11月14日

如何设计网页横幅

设计一个吸引人的网页主横幅其实可以很简单,我们思考的只是如何分配区域。

在一个简单的网页中,上方的横幅是最重要的视觉元素。在很多博客网页中,它甚至是唯一的视觉元素。所以它的作用可以说是相当大的。它必须能够与网站的风格配合,并能传达视觉上的信息。它必须让人看上一眼就让人知道这个网站是属于什么类型,风格是什么。这个横幅还必须能够提供简单明了的导航链接。所有这些,我们都可以通过将横幅分成三个区域而轻松实现:每一个区域都具有自己的功能,而我们还要将这三个区域在视觉上统一,使三者具有相似性及协调性。看一下我们在本文中所介绍的例子。

阅读全文…

没有评论网页设计从零开始

2009年11月7日

引言

你是否曾经想过设计一个漂亮的网页,但是却不知道怎样入手?说实话,几年前我也是这样。当我浏览网页的时候我看到这么多好看的网页,我就希望自己有技术创作这样的设计作品。

今天我可以这么做了,而且我将教你怎么做这样的设计!从根本上,对于这种设计你需要一点photoshop的操作技能和观察细节的能力。通过以下的教程,我将会指出其中极细微的细节之处,而这些细节讲使你的网页设计漂亮起来。打开photoshop,我们开始啦!

正文

先看效果图

阅读全文…

分类: 视觉设计 标签: , ,

没有评论行动召唤按钮在网页中的实例与实践

2009年11月7日

行动召唤在网页设计中——尤其是在用户体验方面——是一个描述在网页中用于诱导用户行为的元素的术语。在网站界面中,最流行的行动召唤的表现是出现在点击表单按钮、完成一个行动(比如”Buy this now!”)或使用附加信息带到一个页面(比如”Learn more …”)等请求用户来采取行动的地方。
阅读全文…

没有评论设计技巧:如何在设计中一图多用

2009年11月7日

  在版面设计中,你有很多地方都需要用到图片,但你手上只有一张图片,怎么办?在本文中,我们用两个实例来说明如何解决这个问题,我们只用一张图片,通过分解剪切,就可以将这张图片用在不同的地方,出来的效果非常漂亮。一张图片,其实已经足够!

  在本文中,我们要将你买回来的图片物尽其用:通过从原图中得到几个小图,完全可以配合你的版面设计。 阅读全文…

分类: 视觉设计 标签: , ,