优秀的Web设计:优秀设计思想的10项原则

文章描述:优秀Web设计10项原则:创新实用富有美感.

他能够为我们使用家用电器的方式掀起一场革命,现在我们仍然把它作为现代世界的设计灵感,最好例子就是Apple。Apple的许多畅销产品的核心功能都采用了Dieter Rams的设计原则。

Dieter Rams最著名的设计思想是优秀设计的10项原则,这些原则通常用来做出好的设计或对其进行归类。这些原则包含了在创建项目的时候设计师需要考虑到的问题,但是这些原则最适用于工业设计,因为Dieter Rams正是在这个领域做出了非同寻常的作品,并得出了这些灵感。

这些原则并不是古板的戒律,并不是不能变通的,这些只是准则,帮助定位一个优秀的设计是什么样的。

70年代中期,Rams开始举办有关设计的讲座,并提出了六项原则,多年来他不断的改进,在80年代中期把这些原则“升级到”10项,现在仍然被人们推崇。

因此,为什么不能把这10项原则运用到像素世界中去呢?为什么不能把他们运用到Web设计中去,同时讨论一下什么事优秀的Web设计呢?

我通过自己在Web设计领域中8年的工作经验和工业设计领域的背景学历,我虚心地把这10项原则运用到Web设计中,并根据自己的顿悟使其更好的适用于Web设计。

1.优秀的设计应该是创新的

第一项原则同样也是Web设计的基础—创新。设计者必须注意的是,在构思优秀的Web设计,创新能够起到非常重要的作用。以下是两个基本点:

1.在UI和图片设计方面,应该用创新的心态和批判性的思维对待每一个项目,并试图开阔自己的思维,发掘其它的分支。把创造力作为创新工具,来脱颖而出。

2.多和身边的新人保持交流,不管是图片生成工具还是新的编程语言,多接触这些内容

管理创新是一项艰巨的任务,因为它总是不断的变化发展,但是要一直保持开阔的思维,尝试新的方式进行创造,只有像这样你才能够有多种途径做出优秀的Web设计。

2.优秀的设计让产品更加实用

何谓实用性网站,如何使网站具有可用性?

这一点描述起来有点棘手,因为在不同的人看来网站的可用性是不同,但是我想强调实用性网站的三个方面。

1.有助于访客浏览网站:尽可能使访客毫不费力就找到他们想找的内容,用户界面的细节和信息的显示都能够使网站变得实用。

2.实用的内容:网站的内容是网站最有用的部分,如果不重视网站的内容,你就轻而易举地丢掉了提升网站实用性的一大法宝。

3.实用性网站的最后一点是你怎样编码你的网站,因为你需要考虑到网站优化和性能方面,以使网站实用。

3.优秀的设计富有美感

对于一个网站来讲,美感是可视细节和实用性之间的平衡关系。一个富有美感的网站,不仅给用户提供非同寻常的体验,而且呈现出相关的内容。

单纯从面向设计的视角来看,有三点能够帮助设计者做出优秀且富有美感的Web设计。

1.颜色:谨慎对待色彩方案—它们给所有页面带来馨香。你可以尝试使用不用的组合,但是需要考虑到每种颜色的含义。如果你准备给不同的设备提供不同的体验,显示器上显示出的颜色不会比纸质的或某个物件上的颜色更好控制。

2.网格、空间:在组织网站的基本结构时,你需要决定用户如何看到网站的内容—按照次序或网格,对待空白部分要尤其小心。信息的不同尺寸/对称性/次序决定人们如何解释这些内容。

3.版式:显示文本的方式和字体的选择比一般人想象的更重要,能够阅读并且强调不同的内容取决于你为网站选择的版式。

4.优秀的设计使产品更简单易懂

为了确保网站易懂,你需要清醒地意识到目的,网站为了某些目标而进行设计。你需要保证网站的易用性,对于用户来说,怎样毫不费力地达到了他们的目的。

举个列子,如果你有一家网店,目的就是为了销售,因此,你的设计要尽可能简洁,小心改进浏览商品的体验和访客退出的方式。网站最好是一目了然的。

[1] [2]  下一页

时间: 2024-11-01 17:14:09

优秀的Web设计:优秀设计思想的10项原则的相关文章

优秀Web设计10项原则:创新实用富有美感

他能够为我们使用家用电器的方式掀起一场革命,现在我们仍然把它作为现代世界的设计灵感,最好例子就是Apple.Apple的许多畅销产品的核心功能都采用了Dieter Rams的设计原则. Dieter Rams最著名的设计思想是优秀设计的10项原则,这些原则通常用来做出好的设计或对其进行归类.这些原则包含了在创建项目的时候设计师需要考虑到的问题,但是这些原则最适用于工业设计,因为Dieter Rams正是在这个领域做出了非同寻常的作品,并得出了这些灵感. 这些原则并不是古板的戒律,并不是不能变通的

响应式web设计实现图片效果10款jQuery插件

1.基于jQuery实现的汇图网大屏焦点图效果 汇图网大屏jQuery焦点图代码,可设置切换模式,如淡入淡出切换,左右滚动切换,上下滚动切换,可设置是否自动轮播,可设置鼠标划过是否停止播放等.     在线演示 源码下载 2.HTML5基于SVG实现的过山车动画特效 今天我们要分享一款很酷的HTML5/SVG动画,这款HTML5动画是过山车效果,主要是利用了SVG的path动画来实现的,整体动画效果流畅自然,效果非常酷.     在线演示 源码下载 3.jQuery实现苹果官网页面上下滚动全屏效

什么是响应式Web设计?怎样进行?

开始第一篇.老规矩,先无聊的谈论天气一类的话题.十一长假,天气也终于开始有些秋天的味道,坐在屋里甚至觉得需要热咖啡.话说两年前也是在国庆假期里开始做Joomla文档翻译的:长假好时光,总会可以抽出一两天,安静的窝在家里做做博客.学做些新东西,简直没有比这更舒心的事情. 说正事儿.准备在近期的几篇里集中翻译学习一下"响应式Web设计"的相关话题,包括概念.实践方式.案例及观点讨论等方面.相比于从前做的文档译文,这些文章篇幅要长的多(甚至要加分页了!-),今天放上的这篇几乎花掉了两天的&q

10个WEB设计戒律和10个设计师戒律

两个10大戒律都是不是新鲜的总结了,他们很早就被国外设计组织提出并被翻译成中文"引进"到了国内,即使很早就已经出现的设计戒条,现在依然有用. 10个WEB设计戒律 最近 BusinessWeek.com  邀请了14名 Web 设计方面的顶尖专家,就 Web 设计发表自己的看法,最终,他们编写了 Web 设计的十诫(35公里). 1. 不可滥用 Flash,Adobe 备受欢迎的 Web 动画技术,Flash,在很多地方显示了它的威力,从 Nike 充满炫耀味道的整体 Flash 网站

10个优秀的 Web UI 库/框架

UI(User Interface)即用户界面,也称人机界面.是指用户和某些系统进行交互方法的集合,实现信息的内部形式与人类可以接受形式之间的转换.本文为WUI用户整理了10个优秀的 Web UI 库/框架,为你的下一个Web设计的高效开发作好准备. 1. IT Mill ToolkitIT Mill Toolkit是一个开源的Web UI 框架,为富 Web 应用程序提供widgets 和工具.无需担忧Web 浏览器.DOM . JavaScript的兼容性性问题. 2. LivePipe U

2013年10大Web设计趋势

在2012年我们看到的几个Web设计趋势中,最显著的要数响应式设计了,而现在2013年的鸣钟敲响了,让我们大胆预测一下2013的Web设计趋势. 1. 更多的响应式设计 虽然响应式设计在2012年被提的比较多,但是响应式设计仍然在不断变化,不断创新.比如,新的设备不断出来(iPad Mini),这让以前的设计想法土崩瓦解.而现在各种Web的响应式设计也获得了越来越多的注意,"让人们忘记设备尺寸"的理念将更快地驱动响应式设计,所以Web设计也将迎来更多的响应式设计元素. 2. 排版将变得

对Web设计有用的10组免费漂亮的图标

图标,使用在正确的位置,正确的选择,可以充分表达出思想和信息.漂亮的有品位的图标,可以帮助Web开发者的设计更能吸引用户的注意. 下面是10组,免费并且漂亮的图标,希望能让你的Web设计增辉! Iconic Iconic由136个高度灵活性的图标组成,具有不同的颜色和5种不同的尺寸(8×8, 12×12, 16×16, 24×24 & 32×32).Iconic也包括PNG, SVG, SWC, OFT/TTF/EOT和Omnigraffle stencil多种格式. Coquette Icon

6个优秀Web设计细节

优秀设计和卓越设计之间的区别是比较小的.一般人可能无法解释说明卓越的设计的具体差别,但他们可以找到自己喜欢的网页设计作品.通过对照一下几个优秀作品,我总结了一下作为卓越设计的几个细节差别.前不久,我写过一篇4个优秀的网站http://www.aliyun.com/zixun/aggregation/8912.html">设计原则.现在这篇文章有点像是上一篇文章的延续.在上一篇文章里面我们重点讨论了对比.重复.对齐.分割在网页中的应用.以下内容我以几个优秀的网页作品作为实例,来说明卓越设计一

Web设计里的软件工程思想

web|设计 现在的网站规模越来越大,涉及到的部门.人员的数量也是越来越多.自然而然的,Web开发组的规模也是越来越复杂了,由此所带来的管理难度也越来越大,在下面的文章里,我将与大家探讨一些相关的Web设计观念. 1. Web是一种软件么? 最早的Web设计是很简单的,一大堆的超链接,有些地方偶尔会看见很高级的CGI(在当时的环境下),而现在的Web已经具备了与数据紧密连接的需要,现在的Web项目中已经出现了很多B/S结构的应用,不用怀疑,Web已经或者即将成为软件的一个重要分枝. 2. Web