想成为一名优秀的网站设计师吗?试试下面的方法吧!

标签: 网站 设计师 面的 | 发表时间:2011-09-03 10:32 | 作者:设计 幻幽 or A書
出处:http://www.jobbole.com/blog.php
   注:本文由敏捷翻译- 宋彩珺翻译自Roxanne Peterson的博文。如需转载,请参照文章末尾处的声明。

   网站设计不只是用色彩丰富的图像组建一个网站。你需要遵循若干规则,并使用一些网页设计工具来达到目标。使用免费网站模板简化了网站设计的过程。利用这些可选选择,来开发漂亮的网站对于网站设计师是十分重要的。本文分享一些网站设计师在设计网站时应该遵循的几条重要的原则。

想成为一名优秀的网站设计师吗?试试下面的方法吧!  伯乐在线 - 职场博客

   图像的运用

   确保图像在网站设计当中得到最佳运用。尝试只用.jpg和.gif的图片格式。对于画廊(gallery)展示一项,得使用最小化的图片文件或是缩略图。图片的合理使用在一定程度上也节省了网站加载图片时间。点击缩略图即可以让网站使用者看到大图,在ALT属性中描述所有的图像。

   空白的重要性

   两行文字之间空间的运用,字与字之间空间的排版对于营造一个平衡的视觉感受是十分重要的。内容之间适当的空隙能让读者们更快地浏览以及阅读。相反,过于狭小的间隔束缚了读者的视野,过大的间隔也会给人茫然无措的感觉。行距可以使用CSS的行高选择项控制在一个比较舒服合适的范围。

   填充指的是正文内容与其他元素类似于图片的间隙。营造一个舒服的网站视野是十分重要的。它确保了正文内容部分不会与其他元素重叠。空白以及一个空闲的部分在网站设计中有着特殊的作用。他们可以平衡掉反差以及营造一种舒服漂亮的视觉感受。

  (相关阅读:《为什么空白区域在网页设计中重要》)

   流畅的导航

   网站访客应该能快速地找到想要的讯息。只有网站的导航结构设计的非常好时,才能够达到这一目标。导航的按钮应该是清晰明了、描述详细的。按钮、链接的作用也是遵循扼要的原则。在使用导航看到一些模块和细分的小模块以后还能让访客清楚的知道自己所处网站位置。使用导航提示记录使用痕迹或者是用主页去链接每一页内容,都可以实现导航流畅的作用。

   吸引注意力

   吸引访客的注意力,有引导他们的明确的导航链接或者是内容对于一个成功的网站来说是十分重要的。在访客浏览网站的同时,设计师应该设法让设计连贯性的步骤,让访客首先被图片或内容所吸引,并通过点击鼠标前往页面或目标。

   将链接置放在合适的位置或者使用反差大的颜色都可以吸引访客。与众不同的字体或是大一点的图像都能够起到相同作用。考虑设计一个标识,类似一个大大的箭,或者一个色彩明亮的标语。

   搜索引擎优化

   网站的大多数访客都是通过搜索引擎来的。这样一来,确保网站能在搜索引擎结果页面占据显著位置,是十分重要的。

   设计网站导航能让搜索引擎爬虫定位来自于网站搜索结果页面的内容索引。写一些简洁舒服的页面标题来诱使访客使用主要的搜索引擎。用适合的内容关键词引导搜索引擎。不过,值得注意的是,过渡优化将适得其反。

   尝试使用META标签、页面标题以及正文的关键词,这样的效果是出乎人意料的。从搜索引擎优化这方面说,最小化使用Flash和JavaScript,最大化使用文本内容,会有帮助。

   排版

   给网页内容选择合适的字体对网站设计来说是十分重要的一个环节。不同的字体有不同的用处。你可以利用不同的字体营造出现代或是复古不同的感觉。努力保持一致的字体大小,足够大去保证访客能够顺利阅读。确保大标题和小标题醒目突出。这可以通过使用不同的字体颜色和字体大小实现。

   建立自己的品牌

   使自己的网站与众不同、脱颖而出是十分重要的。这可以让访客对网站产生足够的兴趣。设计一个Logo,反映自己的产品,为显示网站目的设计一个合适的品牌标语这些都会有帮助。

   设计一个Favicon,有助于吸引注意力,也会为网站建立一个初步印象。Favicon就是地址栏里和URL相邻的可爱的、小小的图片。类似“关于我们”或者“联系我们”的选项应该在主页上合适的陈列,以便于访客们可以快速找到。

   浏览器友好性

   确保网站和一般使用的浏览器兼容。遵守W3C的标准有助于制作一个任何浏览器都兼容的网站。制作的网站兼容于最新版本的浏览器是十分值得的事情。

   网站内容少量化

   网站少量内容的页面容易下载。图像、正文内容以及密码这些相加起来才是一个页面的所有内容。一个优秀的网站网页的大小应该控制在25K-64K,而且集中在功能而非图像上面。

   检测

   根据“经常检测,尽早检测”的原则。周期性排除网站故障、检测网站功能对于维持网站质量以及标准是十分重要的事情。监测网站对于网站设计来说至关重要,因为通过检测可以解决设计师在设计网站时发现不了的问题。


  -------------------------------------------------------------------
  你可能对以下文章也感兴趣

  45+免费在线工具来创建图表和流程图
  11个CSS3按钮制作教程
  开源需要设计师
  设计矛盾说
  设计师攻略:十招让你的作品更具吸引力
 
  -------------------------------------------------------------------

  译文出处:伯乐在线 - 职场博客 - 设计
  译文链接:http://www.jobbole.com/entry.php/1352

  原文:Roxanne Peterson  翻译:敏捷翻译- 宋彩珺

  如需转载,但请注明原文/译文出处、译文超链接和译者等信息,否则视为侵权,谢谢合作!


  

  

相关 [网站 设计师 面的] 推荐:

想成为一名优秀的网站设计师吗?试试下面的方法吧!

- 幻幽 or A書 - 伯乐在线 -博客
   注:本文由敏捷翻译- 宋彩珺翻译自Roxanne Peterson的博文. 如需转载,请参照文章末尾处的声明.    网站设计不只是用色彩丰富的图像组建一个网站. 你需要遵循若干规则,并使用一些网页设计工具来达到目标. 使用免费网站模板简化了网站设计的过程. 利用这些可选选择,来开发漂亮的网站对于网站设计师是十分重要的.

30个不错的设计师个人网站设计案例

- emilo - 创意悠悠花园
设计师自己的个人网站会怎么设计呢. 今天分享:30个不错的设计师个人网站设计案例,希望其中有你喜欢的,或者可以给你带来灵感的. Read the rest of 30个不错的设计师个人网站设计案例 (35 words). © emilo for 创意悠悠花园, 2011. Post tags: 个人网站, 设计师, 设计案例.

7个设计师必备的国际顶尖设计网站

- - 优设(UISDC)
成为dA(deviantart)的忠实用户有很多理由——dA是最大的艺术社区;成为dA用户简直是设计新手的必经之路. 但是,这些都不妨碍你加入其他专业的网站来展现你的才华. 创立于12年前的dA现在拥有最多的艺术爱好者受众. 然而,最近有人说dA有太多的作品只有在你脑补能力超强的时候才能称之为”艺术”.

一些UI模式库类网站 设计师果断收藏吧

- - Starming星光社最新更新
模式库(APP界面设计模式库)  http://www.moshiku.com. 星光社首页 关于我们 背单词 三国演义 阅读记单词 书籍阅读.

书单:想做设计师?

- bluesnail - 西乔的九卦
经常有朋友写邮件或发推问我,想从事设计,希望推荐几本书. 老回邮件也麻烦,我干脆在豆瓣上做了一个书单. 我读过的,认为值得入门者和高阶者一读的书. 主要关注方向是UI、视觉传达、WEB设计,以及历史、理论、常见工具入门教程. 用了半个上午写的,比较仓促,不够全面,也有个人偏好在里面. 如果你仅仅是对设计感兴趣,没有那么多时间读大部头,那么精简版是:1,2,3,5,9,11,12,17,24.

设计师在谷歌

- keso - 译言-电脑/网络/数码科技
来源Why I design at Google. 译者eminent.susan. I’m still early in my career, and while it’s nice to find some success, I’m mostly focused on learning and growing my skills.

当设计师遭遇HTML5

- plidezus - 网易用户体验设计中心博客
HTML5,被传为Flash 的杀手,是一种用于web 应用程序开发、具有变革意义的网络技术. HTML 5提供了一些新的元素和属性,其中有些是技术上类似
标签,但有一定含义,例如

设计师谈敏捷

- xg - 所有文章 - UCD大社区
腾讯一直推广敏捷开发,也在强调敏捷开发,但你会发现,即便如此,还是会陷入以下情景. 我们如何构建一个更轻巧的开发流程,让我们更快更好的交付结果. 作为一个设计师,如何成为敏捷的一分子. 以下是一些心得方法,希望和大家分享. 作为设计师,最简单能让大家明白你的想法就是先把它画出来,不要用晦涩的语言和结构图,毕竟不是所有人都能把你的语言转化为图像.

设计师的成长

- - 曉生語錄
近期组建新UED团队,和不少设计师聊职业规划的问题. 主要问题是缺乏明确的职业目标,没有掌握自身发展的主动权. 一方面是设计师自身能力欠缺,浮躁不够踏实,另一方面企业难以招到合适的设计师,满足不了项目需要. 研究过互联网设计师的职业发展过程,也向同行请教过,结合自身经验,总结有以下几点心得:. 尽量参与更多的项目,如果没有这种机会,那就多出设计方案.