`
ipoad4
  • 浏览: 3467 次
  • 性别: Icon_minigender_1
  • 来自: 安徽
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

网站设计风格的发展

阅读更多
 
它总结了一些当前网站设计风格的发展趋势。但是我得先提一句,它说的都是西方网站,未必适合我们中国网站的情况和中国网民的审美观。如果能给你一点点参考和借鉴的价值,就足够了。学生资源网http://www.xueshengzy.com
我很高兴看到2006年的网站设计比以往任何时候都要好。这并不仅仅是因为现在有更多的网站,因而可以找到更多长得不错的。事实上还是有很多长得抱歉的。我想是因为有越来越多的网页设计师比以往更懂得该如何做设计。
这些网站都有下面的特征:
布局简单 
中心定位 
3D效果 
柔和,自然的背景色 
颜色鲜亮(要谨慎使用) 
可爱的图标(也要谨慎使用) 
有许多留白 
大字体 
我们一个一个来说。
布局简单
和几年前相比,设计师们似乎正在寻找更加简单的单栏或双栏布局。总的感觉就是设计师们普遍认同简单的页面表现更好。阅读这类页面只需要从上看到下即可,你的眼睛不用在页面上转来转去拼命寻找想要的东西。同时在浏览过程中它也提供更加平和、稳定的浏览体验。
中心定位
从上面的这些网站还可以发现第二个特点,它们的内容都分布在中轴线附近。
大概两年前,你可以找到很多“流动布局”和“左对齐并固定宽度”的布局,现在内容开始在出现在屏幕的中央。
左对齐的布局方式已经不如以前常见了,流动布局(全屏)也没有这么流行了。
尽可能在“一屏”以内显示更多的信息似乎是一直以来的至理名言(也就是尽可能不要滚屏)。而流动布局可以达到这一点。然而,现在我们似乎不太介意滚屏了,而且我们更乐意发挥由滚屏带来的优势,比如更多的留白和行高。
有节制地使用3D效果
上面所有的网站都使用了一些很细致的斜面、给分隔条的边缘来个轻微的倒角、给背景一点点空间感、或者使用一些很“跳”的带着浮雕和阴影的图标。倒影和渐变非常普遍,阴影也还在使用,不过非常小心。
到处都是带着闪光图案的商标:
柔和,自然的背景色
上面这些网站都有一个朴素的背景,最流行的就是白色和灰调渐变。这样的背景提供了一个又酷又柔和又中立的环境,让那些抢眼的颜色可以引导用户的目光。
颜色鲜亮(要谨慎使用)
柔和、时髦的背景色为添加吸引眼球的特性提供了极好的基础,而强色调高对比度非常适合页面上的其他重要元素。
Iomega比其他几个网站用了更重的颜色,它的推广区域使用了浓烈的暗红色。然而这并没有淹没页面上的其它部分,因为它采用了一致的色调和简单的形状。
可爱的图标(也要谨慎使用)
有一个“规则”:不要在同一个页面上使用太多好看的元素(这样会影响用户的注意力)。(译者注:所谓适可而止)
抢眼的颜色、3D效果、漂亮的图标和按钮可以给页面增加一些闪光点,给人一种高品质的感受。但是,如果用滥了,就会产生一种叠加效应,使页面变得混乱,用户变得迷惑。
有许多留白
今天的网页设计风格非常之清新,仿佛刚刚经历了深呼吸一般
有时候我甚至想把一些非常拥挤的网页粘到气球上,然后一直吹气直到页面上所有东西之前都有足够的空隙。
我们的眼睛需要被注视物的周围有一定的空间,这样才能看清楚它是个什么玩意儿。
一般来说,留白越多越好。我极少看到一个页面,然后会想:“唉,他们一定要再加点内容上去才行!”。
当然,留“白”不一定是白的,但它必须留出一定的空间。
很高兴地看到现在有很多设计都使用了合适大小留白,页面上的元素之间有足够的空隙。同时为了屏幕阅读也设定了额外的行间距。
看看这些让人舒服的留白吧!
大字体
我并不是说你网站上的所有文字都要大得让人吃惊。事实上,在某些情境下,小字体也不错。
真正优秀的设计应该是这样:
让重要的文字比一般的文字更大
就像我们在上面提到的设计方法一样,它只有在一定的模式下使用才能起作用。如果所有的文字都很大,那就没有一个是大的了。
用大字体让你的访客迅速地了解这个页面是截于什么的,什么是重要的,并且指出接下来他们可以在哪里找到想要的东西。

 

分享到:
评论

相关推荐

    世界网站设计风格.txt

    2. **网站设计风格的变化**:随着时间的推移,网站设计经历了从简约到复杂再到简约的过程。90年代初的网站倾向于使用鲜艳的颜色和复杂的图案,但随着用户对简洁界面的需求增加,设计风格逐渐转向更加清新、简洁的...

    网站设计风格及色彩搭配技巧

    网站设计风格及色彩搭配是构建一个成功且吸引人的网站的关键因素。网站的风格不仅关乎其外观,更影响用户的浏览体验和对网站内容的理解。以下是对这些知识点的详细阐述: 1. **色系**:色系的选择是网站设计的基石...

    网站设计风格与建设程序文件.doc

    网站设计与建设是一个复杂的过程,涉及多个层面,包括设计风格、功能实现、技术选型以及后期维护。在创建“网站设计风格与建设程序文件.doc”时,主要关注以下几个关键知识点: 1. **产品信息展示系统**:这个系统...

    网页设计与网站建设ppt课件.ppt

    网页设计与网站建设是当今时代的热门话题,随着互联网的普及和发展,越来越多的人想拥有自己的个人网站,展示自己的个性和风格,同时也越来越多的公司想通过互联网宣传自己的品牌和产品。因此,学习网页设计与网站...

    红色风格政府网站源码_免费网站模版

    3、样式和内容分离:系统主体框架div+css结构,遵循国际最新W3C网页设计标准,兼容IE系列、火狐等主流浏览器,内容和样式分离让网站风格可以轻松修改和更换,而不会导致内容和结构的破坏。 4、周密的安全策略和...

    格兰仕微波炉网站设计风格.doc

    【格兰仕微波炉网站设计风格方案】 一、前言 随着信息技术的快速发展,互联网已成为企业展现品牌、拓展市场的关键平台。格兰仕作为知名的微波炉制造商,需要一个功能强大、设计精美的网站来适应数字化时代的挑战。...

    某公司网站建设方案及设计需求.docx

    该文件提供了一个完整的网站建设方案及设计需求,涵盖了网站设计、语言、设计风格、架设步骤、技术支持和培训等多方面的内容,为企业建立一个高效、实用的网站提供了重要的参考价值。 在当今社会,网站已经成为企业...

    深蓝色风格学校网站源码_免费网站模版

    蓝色政府网站模板,此网站模版适用于政府事业单位等网站建设,用户可根据自己所在单位情况来调整结构和内容。只需要此风格的用户可以直接复制template目录下的文件夹到您目前的template目录下,然后后台调用即可。 ...

    炫彩大气仿ios风格网站模板

    【炫彩大气仿ios风格网站模板】是一款专为追求时尚、高效展示的网站设计而打造的网页模版。它借鉴了iOS平台的设计理念,将简洁、直观和精致的元素融入到网页设计中,旨在为用户提供一流的浏览体验。该模版采用响应式...

    仿苹果网站风格PPT

    而“仿苹果网站风格PPT”则是在众多PPT设计中独树一帜的存在,它借鉴了苹果公司官方网站的设计理念,以其简洁、现代、高雅的风格,吸引了无数观众的目光。苹果网站风格的核心在于其极简主义设计哲学,通过清晰的布局...

    网站建设可行性分析报告

    ### 网站建设可行性分析报告关键知识点 #### 一、引言 - **编写目的**:本报告旨在通过对网站建设的全面分析,为项目的启动提供决策依据。它不仅概述了项目的意义,还明确了项目的背景、前景及定义等内容,有助于...

    蓝色风格云主机网站模板

    总的来说,蓝色风格云主机网站模板是一款集专业设计与实用功能于一身的解决方案,适用于想要快速建立在线形象的云服务提供商。通过合理利用这个模板,企业可以节省大量时间和成本,同时保证网站具有现代感和专业性,...

    美容院网站建设需求美容院网站建设需求.docx

    美容院网站建设需求分析是一份详细的网站建设规划方案,旨在帮助美容院建立一个功能完善的网站,以满足其业务发展和市场需求。下面是我们对该文件的分析和知识点总结: 1. 网站建设背景 在当今数字化时代,美容院...

    B2B、B2C网站比较分析

    从设计风格来看,B2C网站往往更注重用户体验和品牌形象的塑造,追求视觉吸引力和操作便捷性,而B2B网站则更侧重于信息的传递和商业效率,界面可能更为专业且数据驱动。 综上所述,B2B和B2C网站在设计策略、目标用户...

    网站建设策划方案.pdf

    "网站建设策划方案.pdf" 网站建设策划方案是指...网站建设策划方案涵盖了网站的整体设计、功能规划、美工规划、维护规划、网站性能要求、网站栏目规划等几个方面,旨在确保网站的建设符合企业的长远发展和品牌形象。

    ASP个人网站建设论文及毕业设计_开题报告

    本课题旨在通过分析当前个人网站建设的现状、挑战及发展趋势,探讨如何利用ASP技术构建高效、个性化且具有吸引力的个人网站。 ##### 国内外研究现状 1. **国内现状**: - 目前,国内个人网站的数量日益增多,但...

Global site tag (gtag.js) - Google Analytics