首页 > 教程 > 关键词  > 网页设计最新资讯  > 正文

网页设计三部曲之二:审美需求

2007-03-15 14:28 · 稿源:天极

  网页把各种信息以最快捷、方便的方式传达给受众。人们对美的追求是不断深入的,网页设计同样如此。网页不光是把各种东西放上去,能看就行,这是远远不够的!要考虑如何受众能更多的和更有效率的接收网页上的信息,从而使他们对给网站留下很好的印象,那就更能促进自己网站的运作。在这种标准的要求下,逐步产生了审美的需求。这需要从审美的方面入手,结合使用方便的要求,就能制作出清晰、整体性好的页面。使人浏览起来心情愉快,接收信息也会更加容易。同时提升网站的形象。

  运用一些平面设计中美的基本形式到网页中去就能是网页更加富有美感,例如将平面设计中的节奏与韵律和骨格的形式溶入到网页中,这样会使内容繁多的页面更加有条理,也会是人浏览起来主次分明。当然这种美首先建立在页面的内容充实,而且实用,一个内容空洞无物的网页既使做得再漂亮也不会吸引人,顶多赢得几声赞叹,没有任何的用处。没有实用性的东西是不会具有生命力的。要想将页面做的更漂亮,就要求设计师要用较好的审美方面的素质,同时要有丰富的平面设计的经验。这样才能在设计时驾轻就熟。

  由于网页的从无到有,从满足基本的功能需要到追求美的较为高层次的需要,这是一个循序渐进的过程。这使人不由得想起工业革命前夕,很多现代的产品那时候都没有,没有现成的模样可以参照,产品的设计都是满足基本的功能需要出发,所以做出来的产品非常粗糙,冷冰冰的,毫无生气。由于商业竞争和工业化大生产的结果,使得人们不断的改进产品的功能,更为重要的是改进产品的外观,是产品更符合美的需要和使用方便。从而使今天货架上出现了琳琅满目的漂亮的产品。我想网页同样也是如此,在满足了基本的功能的要求之后,为了突出自己的特色,突出自己的优势,必须从审美上入手。而目前很多国内网站的现状是什么样子的呢?经常上网的网友可能会有所体会。目前的网页存在着诸多的不足,以下简单的分析一下,希望能从中得到一些启示。随后我们再为大家介绍一些网页设计的审美法则。

  第一个可以用一个字来形容,那就是“塞”

  这是很多的网页都具有的特点,它将各种信息诸如文字、图片、动画等不加考虑的塞到页面上,有多少挤多少,不加以规范化,条理化,更谈不上艺术处理了。导致浏览时会遇到很多的不方便,主要就是页面五花八门,不分主次,没有很好的归类,整体一个大的杂烩。让人难以找到需要的东西。

  第二也可用一个字“花”来形容

  这类网站也有不少,显然这是很多不懂设计的人来制作的。比较多是他们把页面做的很花哨,但是非常不实用,例如采用很深的带有花哨图案的图片作为背景,严重干扰了浏览,获取信息很困难。同时有些还采用了颜色各异,风格不同的图片、文字、动画。使页面五彩缤纷。没有整体感觉,尽管有些页面内容不多,但是浏览起来仍然特别困难。这种过度的包装甚至不如不加任何装饰的页面。不加装饰最起码不会损害其基本的功能的需求。所以这种网页属于粗制滥造的次品,是对自己的受众不负责任的表现。或许他们的初衷是好的,就是想把自己的页面做的漂亮,结果却是适得其反。

  第三个现在网页设计中的误区就是千篇一律,缺乏自己的特色

  当我们打开电脑,上网一看,好像哪个网站都是一样的。从标题的放置,按钮的编排到动画的采用都是如此。用色时随心所欲,只要能区分开文本和背景就达到目的。造成这种原因就是网页设计师本身的原因,他们没有充分的利用自己的知识,分析自己网站的优势,发挥自己的网站的特点,而是采用的走捷径的方式,就是用大众化的方法去做,做起来当然很容易了,但是失去了自己特点的网页就像流水线上下来的产品,好像随便看哪一个都一样,这样就不能起到网页设计的目的。至少不能算设计。这也是对自己的用户不负责任的表现。当然这里不是片面的唯美主义,不能只是看中页面的漂亮而不顾受众的使用的不方便。例如有些网页将按钮溶入到页面的图片中去,倒是比较漂亮了,整体感强了。但是受众有时候却找不到按钮,造成困难。这同样是不可取的。

  还有一类站点的网页是一种纯技术化的网页。

  在这种网页上,充斥了许多的纯为了炫耀技术的东西,如多个风格迥异的动画(缺乏美感甚至是与主体无关的动画),还有大量的利用Javascript和动态HTML的技术,然而始终没有把握住整体这个中心,造成页面的混乱。这与第一种有些类似,但是这种网页很多是技术上的高手。但是结果给人只有羡慕技术之外毫无收获。这样的网页也是不适合于需要的,是网页设计上的失败,更为严重的是大量的采用这种技术或者动画,造成浏览上由于受带宽的限制而非常的慢。所以不管是从功能上还是从形式上都是不可取的。

  综合以上的分析,可以找出很多目前网页设计上设计的不足,特别是审美上的不足,照顾网页功能上的需要的前提下,需要有针对性的采用一些美的形式。来使网页做得更加有生气,更吸引人。

  那么加入美的因素,也要遵循一定的形式美法则。这种美的形式有很多种,合理的利用,可以给网页增光添彩。赏心悦目。是受众浏览起来更加有效率,有力的提升网站的形象。下面逐一分析这些美的形式,并考虑如何将它们融入到网页之中,以解决以上遇到的很多网页设计上的审美不足的问题。

  从古至今,很多艺术家和学者提出了各种关于形式美的规律,很多经得起推敲的作品都是遵循这些规律去创作,以期完成其审美价值的。因此,在网页设计过程中,设计者必须去研究,掌握并主动地、有意识的运用这些规律,才能创作出好的作品。当然,不同时代有不同的设计审美观念,也有不同的美学特征。在信息特别发达的今天,竞争日趋激烈,给人们带来了新的审美需求,对于网页设计,客观上将其推向了更高层的表现境界,这是网页设计的必然趋势。去追求一种和谐的单纯,即追求清晰的视觉冲击力和巨大的张力,我们应该把美的形式规律同现代的网页设计的具体问题相结合起来。下面具体谈谈。

  先谈谈变化和统一。变化是各个组成部分之间的区别,统一是个部分之间的内在关联。完美的图形设计,形式上要丰富有条理(即对图形的大小、方圆、动静、强弱等方面的处理;组织上要有秩序而不单调,不混乱。即图形的主从关系,叙事关系,呼应关系等方面的处理)。在图形设计中运用变化与统一的规律,是处理形象和组织的对立统一过程,那么在网页设计中同样要恰当的利用这种规律,在我们把大量的信息塞如到网页上去的时候,考虑怎样把它们合理的用统一的方式来排布,使整体感强同时又要有变化,这样使页面更丰富,更有生气,看起来就不感到枯燥,很多网站诸如体育的网站,排布的新闻从上到下几十条,没有一点变化,显得单调而乏味,就是违反这种形式美的规律,所以要充分的运用变化来改进它,从排布的形式上或者是颜色上都可以。

  再看条理与反复,其中反复是有规律的连续与延伸,有组织的变化与扩展并加以归纳,概括而富于条理化,。条理与反复的原则是图形构成整体的秩序美的基础,是变化中的统一,也是运动发展中求得协调一致的表现方式,由他可以演化出多种多样的图形变化。这种在很多较为优秀的网站中运用较多,同时应用得也比较自如,这时由于很多网站丰富,信息含量大,不得不运用一定的方式将其条理化,同时又在一定程度上加以归纳后重复的利用,使网页较为整齐,脉络清楚,读起来也能着重点。当然,内容较少的网站同样需要条理与反复,以达到更为富有变化和清晰的视觉效果。如文字的合理编排,图片和文字的结合。如何呼应等等。

  对比和调和

  对比是指在质或量方面相互差异甚大的两个要素同时配置在一起时,两者之间有相互作用的性格,更加令人感到彼此强烈地相互衬托。对比是为了使主题画面具有变化和生气而运用的方法。而调和是构成美的对象在部分与部分之间的相互关系。它无论是在质的方面还是量的方面都没有矛盾,各部分所传达给人的感受和意念之间不是相互分离或排斥,而是一个部分多样性的整体统一来表现美的状态。那么在网页设计中,如何利用它来达到好的效果呢?首先合理的利用对比的因素,例如文本的排布、字体的大小、粗细、颜色,图片的宽窄、比例的反差、透明以及位置的放置等等。

  均齐与平衡

  这是动力与中心两者矛盾的统一所产生的形态,是设计中求得中心稳定的两种组织形式,均齐的组织方法是无论在哪一个中轴和中心支点各方面配置同形同量的图形,都要求图形整体结构严谨,形态安定整齐,平衡。实际上也是一句中轴和支点保持平衡,所不同的是配置的形为等量不等形,它没有一定的组织原则,只要能在形式结构上掌握好中心即可,它要求在形式上自然合理。所以均齐偏于静止的形式美感,而平衡却显得灵活多变,带有动感。在网页设计中,在充分的考虑整体的页面上所有的图形、文字的基础上,如何比较整个页面上的组又两边的量与质?是一个设计师自身经验的积累。页面上的平衡是一个动态的平衡,因为页面上两边的配置不会总是一样的,即左边一个图右边就一个图,那是不多的。更多的时候是图和文字以及大块的颜色轻的图和小块的颜色重的图的平衡,以及与文本的疏密和大小的平衡,所以这是一种动态的平衡。只有通过不断的实践才能够在这方面驾轻就熟的运用。满足人们的视觉上的整体的平衡感。这也是人的心理因素的一种图形化的表现,当然不是一种片面的追求静止的对称,那时僵硬的、不生动的,同样会失去美感。

  如何看待网页上的留空?并非要把整个页面塞满了才不觉得空,我想只要合理的安排,使页面达到平衡,既使在一边的部分大面积留空,同样不会让人感到空,相反这样会给人留下广阔的思考空间,给人回味。

  节奏与韵律

  运动中的事物都具有节奏和韵律的形式规律,节奏与韵律本来在音乐、舞蹈、诗歌及电影等具有时间形式的艺术中通过视觉和听觉来表现的,节奏本身没有形象特征。只是表明事物在运动中的快慢、强弱以及间歇的节拍。节奏可以说是条理与反复的发展。它带有机械的秩序美,韵律是每个节拍间运动所表现的轨迹,它带有形象特征。在具体的网页设计的运用中,按钮的编排就经常会遇到这个问题,做得好的按钮能够使排在一起的诸多按钮富有音乐般的美感,同时丝毫不损其实用性,可惜现在见到类似的太少了,因为需要不光是从形状上,而且要从整体的色泽、大小等综合方面入手。

  上面仅仅探讨了几个非常贴近网页制作的形式美的规则,以及在网页中的运用。如何解决网页中的独特性的问题呢?我想这不仅仅是审美的形式问题,主要要站在网站本身的高点上来考虑,综合自身的整体形象,如网站的标志、标准字体、标准色等等,因为这些方面就是自己与众不同之处,如果将这些经独特设计的关于自身经营理念的东西融合到网页设计中去,怎会与人雷同呢?随便打个比方,假如运用自己的网站的标准色作为网页的基调,不光是能做到独特,而且对于网站本身的形象是很有好处的,就如我们经常见到的IBM的蓝,可口可乐的红白两色。这都是苦心的营造的企业形象的重要组成部分。网站要想树立自己的独特的形象,必须从这些方面入手,把网页上的各种信息的表达统一到网站综合形象的整体里面来考虑。就会给人留下深刻的独特的形象。

  作为形式美的法则,随着时代的不同而不断发展进步,特别在生活节奏如次快的互联网时代,由于追求的目标的变化,人们的审美观念也在不断的变化,但是美的本质是一样的,同时随着技术的发展,很多的目前不容易实现的审美形式也逐渐被克服,突破带宽的瓶颈。就会给网页设计的自如发展一片新的天地。我们对美的追求是永不停止的,作为设计师,也要不断的提高自己的素质,才能做出更好的富于美感的网页来。

举报

  • 相关推荐
  • AI日报:扣子空间网页设计功能上线;阿里Wan 2.2即将上线;​OpenAI即将发布 GPT-5

    【AI日报】今日AI领域重要动态:1)Coze推出网页AI设计功能,5分钟生成网页;2)通义千问发布Qwen-MT翻译模型,支持92种语言;3)ChatGPT全面推出Agent功能;4)阿里云Wan2.2视频生成AI即将上线;5)Anthropic推出审计Agent提升AI对齐测试;6)OpenAI计划8月发布GPT-5;7)谷歌发布无代码AI应用开发工具Opal;8)南洋理工与上海AI Lab推出PhysX-3D项目,为3D模型添加物理属性;9)快手开源KAT-V1大模型,40B版本性能接近DeepSeek-R1;10)讯飞星火X1升级版上线,在多语言和语音处理方面显著提升。(140字)

  • 水乡感质 设计探本!ASKO在水乡乌镇开启设计游学之旅

    7月25-27日,第三届ASKO非凡设计大奖在乌镇举办设计游学活动。活动以"水乡质感+设计探本"为主题,邀请设计师们走进木心美术馆、西栅染坊等场所,感受传统与现代交融的水乡美学。ASKO中国区总经理华安、《IDEAT理想家》出版人杨莹等嘉宾参与,共同探讨理想人居设计。活动期间还恰逢贝多芬《命运交响曲》音乐会,设计师们在艺术氛围中汲取灵感。ASKO作为北欧百年家电品牌,秉持极简设计与人文关怀理念,致力于推动美好生活方式。

  • HUAWEI MateBook Fold 非凡大师斩获2025年iF设计奖:折叠屏电脑设计新标杆

    华为MateBook Fold非凡大师荣获2025年德国iF设计奖,该奖项被誉为工业设计界的"奥斯卡"。这款全球最大18英寸折叠屏笔记本以突破性铰链设计和7.3mm超薄机身(展开仅1.16kg)获得评委会认可,在技术创新与用户体验间取得卓越平衡。产品搭载3.3K专业大屏(1600nits峰值亮度/229PPI),配合鸿蒙操作系统带来沉浸式办公体验。水滴型铰链采用三段式转轴设计,确保屏幕平整耐用。此次获奖进一步巩固了华为在笔记本行业的创新引领地位。

  • 成都地铁官方回应“防走光”设计:后续会考虑普及其他站点

    ​近日,有网友在社交平台上分享了成都地铁的一项人性化设计细节:部分站点的步梯与扶梯之间安装了非透明的磨砂玻璃。这一发现迅速引发了公众的关注和讨论。记者实地走访后确认,成都地铁确实在部分站点采用了这样的磨砂玻璃设计。 针对这一设计,成都地铁官方给出了正式回应。官方表示,这一改变源于此前乘客的反馈意见。有乘客提出,在步梯上行走时,由于透�

  • 马斯克:特斯拉Optimus机器人将采用消费者从未见过的设计

    特斯拉的Optimus机器人已进入生产阶段,但未来交付给消费者的版本很可能与当前形态大不相同,消费者从未见过的设计,埃隆马斯克在最近的公司第二季度财报电话会议上对此做出了暗示。 近年来,特斯拉持续展示了Optimus机器人的迭代升级,最终推出了目前正在生产的V2版本。在2025年第一季度的公司全体会议上,马斯克曾向员工表示,特斯拉将力争在今年生产首批Optimus机器

  • AI 工具导航网站哪个好?超全 AI 工具导航网站推荐指南

    本文介绍了当前主流AI工具导航平台的特点和优势,帮助用户快速找到合适工具。重点推荐了5个平台:Futurepedia收录3000+工具,分类细致并提供实测指南;Insidr.ai含500+工具,适合专业用户查找;AI Parabellum对4500+工具进行深度测评;Product Hunt适合发现前沿新品;AIBase覆盖13000+工具,支持多维度筛选。特别推荐AIBase因其工具覆盖广、分类细、更新快、界面友好,并提供详细使用教程和API文档,是寻找AI工具的一站式解决方案。

  • 拒绝“孩子气”!小寻Sport6C 电话手表,潮流设计适配青春期审美

    文章介绍小寻中学生电话手表Sport6C,解决家长对孩子沉迷手机又担心传统手表功能单一的矛盾。该手表售价599元,具有简约潮流设计,支持15种运动模式、视力疲劳监测等核心功能,重新定义学生专属通讯工具。产品特色包括:1)运动管理功能,精准监测心率等数据,配套100+运动课程;2)健康监测,家长可远程关注孩子身体状况;3)多重安全守护,支持危险区域提醒、上下学守护和10重AI精准定位;4)4G全网通,续航达4天;5)内置支付宝和喜马拉雅等内容。手表平衡学习与娱乐,从根源守护孩子专注力。

  • 苹果发布首个iOS 26公测版 液态玻璃设计引发热议

    7月25日,苹果推送首个iOS26公测版,参与Beta计划的用户可通过官网申请升级。新系统引入"LiquidGlass"设计语言,通过动态光线折射与镜面高光效果,使界面元素随用户操作实时变化。该设计覆盖主屏和锁屏界面,支持图标外观个性化定制及3D锁屏壁纸效果。技术层面优化了光线追踪算法,在保持流畅性的同时降低功耗。测试反馈显示公测版稳定性显著提升,但苹果仍建议避免主力设备升级。值得注意的是,iPhone XS系列及XR将止步于iOS18,成为首批被淘汰的全面屏机型,而iPhone11系列及后续机型可获得升级支持。这一决策可能与新设计对GPU性能的要求有关。

  • 首获国际大奖!itcHUB智慧会议平板荣获德国2025红点设计大奖,备受国际权威认可!

    广东保伦电子(itc)自主研发的itcHUB智慧会议平板荣获德国"2025红点产品设计大奖"。该产品凭借极简主义设计与现代会议技术融合,构建安全高效的协作环境,获得国际评审团高度评价。其四大核心优势包括:1)采用X86架构三合一主板,集成NB-IoT模块实现物联网扩展;2)搭载AI功能,支持动作识别和智能签到;3)国密级加密技术保障会议安全;4)超窄边框设计,屏占比达90%,适配多场景需求。此次获奖标志着中国智造在设计美学与技术创新融合维度迈上新台阶。

  • TME产品设计周开幕 腾讯音乐首席执行官梁柱:共同创造用户喜爱的体验

    腾讯音乐娱乐集团(TME)近日盛大开启2025年产品设计周活动,主题为"设计无界·创意无限"。活动汇聚各界设计精英,TME首席执行官梁柱强调设计师需热爱产品并主动代言,产品经理与设计师要紧密协作,追求设计语言一致性,共同打造优质用户体验。活动期间还颁发了TME设计共创年度大奖和音乐科创特别奖。据悉,TME旗下Q Music Ideas设计开放平台已举办十余场设计大赛,与多个知名IP建立深度合作。活动邀请了故宫博物院单霁翔主任、洛可可设计集团贾伟等专家分享设计理念。TME表示将持续以用户为中心,优化产品体验,推出更具创新性的音乐产品和服务。