8个有关干净网页设计的常识
原为地址在底部~
有一些关于“我”
的事情大多数人可能都不了解:虽然我做设计
已经5年了,但我第一个工作是 Flash 工程师,大部分时间都工作在 ActionScript
上。事实上,我的所有教育背景都有关电脑程序设计,而且从来没有专门学习过设计。
尽管如此,有些时候我确定我喜欢设计更多,特别是网页设计。所以我既不是权威的程序员,也不是优秀的艺术家。我只是一个喜欢干净、专业的外观设计,对网页设计略知一二的家伙而已。
我知道很多人很奇怪:一个根本没学过设计的家伙怎么能制作出美观的网站呢?是的,我认为可以做到。怎么做?就用常识!以下是8大有关干净网页设计常识:
1. 布局
如果你不仅想当一个优秀的设计师,还想当一个有效率的设计师,你应该学学如何化繁为简。要学会站在前人的肩膀上。只需使用标准的网页布局
就可以了,限幅和执行都会简单得多。
2. 配色方案
可别两眼一抹黑就埋头开始设计。制作一个协调的网页,很重要的是要先决定配色方案。如果你已经有了一个品牌规划(或者至少一个 logo),问题就简单多了。或者也可以使用在线配色工具
。建议去 Kuler
(来自Adobe Labs
)看看。
3. 透明度
是的,没错。透明度是你的朋友。透明度可以帮助你减淡或加深颜色。我总是喜欢用 Alpha 通道处理纯色或选区,以达到我想要的效果。设置透明度也可以丰富你的配色方案。只需要添加一个黑色或白色图层,然后调整图层透明度就可以了。
4. 对比度
这里没什么要点。只要记住确认文字可以清晰显示就可以了。不是每个人都有那么好的眼力,所以要保证内容的易读性。要不然,你的跳出率就会倍增。当然有的时候也要使用较低的对比度,但是打死我也不信红底黑字很美观。
5. 版面与字体
颜色方面,如果你已经有了品牌规划就很简单。但如果没有任何规划或没制订任何标准,问题就大了。如果你还不确定使用什么字体,千万别用那些稀奇古怪的字体。版面和字体可能是建立品牌的最重要的外在因素。找资源的话可以去“ I Love Tipography
”:一个专门讨论版面与字体的博客。
6. 渐变
你是否见过那些明显的渐变,从非常暗到非常亮?我恨那些渐变!嗯...当然,也有些设计能很好地利用渐变,但是大多数情况下它们都很糟糕。如果你想用渐变
的话,尽量使用接近的两种颜色。否则,色调很难与文字配合。其实你只要安排好了版面和字体,渐变不渐变就不重要了。以上只是个人的一点拙见。
7. 图片
既然有那么多高质量图片资源,使用低质的图片就是一种耻辱。我个人最喜欢的是 iStockphoto
和 Flickr 的创作共用
(首先要读一读版权)。添加图片的时候,你应该谨慎选择文件格式,以保证高质量与高速度并存。
8. 华美的网页
我之所以写这一项,是因为我希望所有人都忘掉了“充斥着GIF、蹩脚的美工图案和满目的阴影”疯狂愚蠢的90年代。否则,我要告诉你两个词:Google+Search">CSS 画廊。好好看看,学点有用的!
9. 好吧,我说谎了!
我知道以上所有内容对于经验丰富的设计师来说都是最基础的,我并不是指望通过分享智慧来获得赞美。这篇文章仅仅面向刚刚接触网页设计的人,提供一些建议,帮助他们制作干净、专业的网站。
我的最后一个建议也许是最重要的一个建议:如果你正处于某种尴尬境地,不知该选择设计工作还是编程工作,不管怎样选择你最热爱的。如果你根本不热爱设计,别选择设计工作,因为所有人都在设计。网络上充斥着无聊蹩脚的设计。当一个牛逼的程序员可比当一个平庸的设计师好多了。
原文标题:8 Common Sense Tips for Creating Clean Designs
原文地址:http://rubiqube.com/8-common-sense-tips-for-creating-clean-designs/
作者:Adrian Diaconescu
译文:http://zanbu.blogbus.com/logs/30138513.html
分享到:
相关推荐
Web网页设计制作-毕业设计期末大作业源码课程设计 Web网页设计制作-毕业设计期末大作业源码课程设计 Web网页设计制作-毕业设计期末大作业源码课程设计 Web网页设计制作-毕业设计期末大作业源码课程设计 Web网页设计...
在网页设计过程中,项目通常会经历多个版本的迭代和优化,这个文件或文件夹可能包含了设计过程中的不同阶段,展示了网页从初期构思到最终完成的变化。 在进行网页课程设计或毕业设计时,学生需要掌握的基本技能包括...
网页课程设计与毕业设计是高等教育阶段计算机科学及相关专业学生的重要实践环节,旨在培养学生...通过学习和应用这个HTML5黑白模板,学生不仅可以提升前端开发技能,还能掌握如何在实际项目中应用现代网页设计原则。
在压缩包"网页课程设计&毕业设计_简洁干净的企业HTML5网页模板5632.zip"中,"ignore.txt"可能是一个忽略文件,通常在版本控制系统中用来指示哪些文件或目录不应被跟踪。而"revolutionary"可能是模板的一部分,可能是...
在这个“网页设计-手表网站”的项目中,我们聚焦于创建一个以手表为主题的专业在线展示平台,旨在吸引潜在客户并提升品牌形象。这个网页设计的核心特点是版面的整洁与动态效果的巧妙运用,这两点都是现代网页设计中...
"时尚潮流服饰网页设计"这个主题,显然聚焦于如何将春夏两季的时尚元素,特别是经典黑白色调,融入到网页设计中,同时结合音乐元素,营造出一种视觉和听觉的双重享受。 首先,我们来谈谈"时尚潮流"。时尚潮流不仅仅...
"干净简洁斜纹背景HTML5网站模板"是一个专门针对网页设计的资源,其特点在于其采用斜纹背景设计,以及对HTML5技术的运用,旨在提供一个现代、直观且易于定制的网站框架。 HTML5是超文本标记语言的最新版本,它引入...
这样的设计风格符合现代网页设计的趋势,更易于用户理解和导航。 "tp_beadysite"可能是该模板的主要文件或者目录,通常包含HTML文件、CSS样式表、JavaScript脚本、图片和其他相关资源。HTML文件定义了网页的结构,...
网页设计是IT行业中一个至关重要的领域,特别是在当前数字化时代,网站是企业和个人在线存在的重要表现形式。本资源提供了一个名为“网页设计模板-灰色线条干净的html5模板下载.zip”的压缩包,它包含了一个设计简洁...
【标题】"网页课程设计&毕业设计_黑色斜纹幻灯简洁干净HTML5网站模板.zip" 提供的是...通过学习和使用这样的模板,学生不仅可以掌握网页开发的基本技能,还能理解现代网页设计的规范和趋势,为将来的工作打下坚实基础。
【标题】"网页课程设计&毕业设计_蓝色天空干净大气的html5模板5599.zip" 提供的是一款基于HTML5技术的网页模板,专为课程设计和毕业设计项目而设计。这款模板以蓝色为主色调,呈现出清新、大气的视觉效果,适合用于...
在网页设计中,插画是一种表达创意和个性化的工具,它可以为网站增添独特的视觉效果和故事感。牛仔风格插画则通常包含西部元素,如牛仔帽、马、皮革和复古色彩,这种风格可以为网页带来一种怀旧和冒险的气息,特别...
网页设计中的一个重要概念是视觉层次结构。通过合理安排页面元素的位置、大小、颜色和字体等视觉元素,可以引导用户的注意力,帮助他们理解页面内容的优先级。例如,重要的信息通常会被放在页面上方或者使用突出的...
在本文中,我们选择了 25 个简约干净的网站,具备简洁美观的网页设计要素,他们都以自己的方式来呈现美丽。你可以通过这些网站的设计理念和方法来提高自己的网页设计能力和水平。 简洁美观的网页设计是当前网页设计...
【简洁设计HTML5网页模板】是一种专为网页设计师和开发者准备的资源,它结合了现代网页设计的趋势和HTML5的强大功能,旨在提供一种快速、高效且易于定制的起点,用于创建具有吸引力和用户体验友好的网站。这个模板以...
该压缩包文件包含了一个以插画牛仔风格设计的设计师网页模板,该模板以其独特的灰色调、插画元素以及牛仔主题为特色,适合设计师展示其作品或建立个人品牌形象。这个网页模板的设计理念是简洁而精致,旨在提供一个...
"蓝色干净简洁的网页模板_蓝色 干净 简洁 web20 白色 大图 线条.zip"这个压缩包文件提供了一个符合现代审美趋势的网页设计资源,其特点体现在以下几个方面: 1. **色彩主题**:蓝色作为主色调,给人以专业、稳重的...
模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的...
2. **响应式设计**:为了适应不同设备的屏幕尺寸,现代网页设计强调响应式布局。模板可能运用了媒体查询(Media Queries)和弹性盒模型(Flexbox或Grid)来实现自适应布局。 3. **CSS3**:配合HTML5,CSS3用于样式...
"简单的网页设计"这个主题,通常意味着设计的目标是清晰、易用且不冗余,注重用户体验,同时也保持一定的美学吸引力。这里我们将深入探讨网页设计的基本元素、门户网页的特点以及简洁设计的原则。 首先,网页设计的...