61阅读

网页设计要素-几何元素网页设计是否合你口味?

发布时间:2017-08-15 所属栏目:几何

一 : 几何元素网页设计是否合你口味?

大同小异的网页设计已经让你视觉疲劳了吧,加入不规则几何形状的网页设计也许能让你的眼睛重获新鲜感。几何元素的融入不仅让网页变得高大上,也在无形中突出了网页中的某些内容,这样的突出方式并不单薄无力,反而让网页看起来更自然。

没有人会对沉闷的网页产生兴趣,而几何图形恰巧能在增强视觉体验的同时营造出活跃的氛围。AnyForWeb为大家找到了一些融入了几何元素的网页设计,尽情享受吧!

1.简单的平面几何与黑白灰三色搭配能够自然而然的营造出一种空间感,这样的画面似乎带入了一种安静的渲染,我们可以在如此氛围中思考些什么,或者留下些什么。网页把我们与这个世界暂时分离了,也许我们的确应该静下心来,沉淀思想,总结过去,把握现在,迎接未来。

 几何元素网页设计是否合你口味?

2.与上一个案例恰恰相反,Ondo的网站选用了较为鲜艳的色彩,再加以特别的效果,让用户在浏览时得到了一种别样的视觉感受。如果上一个案例表达了宁静的主题,那么Ondo表达的就是城市中的现代繁华。

 几何元素网页设计是否合你口味?

3.这个网站中的几何元素体现在各方各面,既有设计师的设计,同时,局部也拼凑了一些包含几何元素的真实图片。我们可以看出该设计师对不规则元素十分热爱,图片本身的形状也不是传统的中规中矩,让整个页面多了一种拼贴感。

 几何元素网页设计是否合你口味?

4.XY的网站虽然运用了几何元素,但还是比较规则的运用。我们想象一下,如果这四张图片像以往一样使用正统的矩形来布局,网页是不是会看起来很单调乏味?有时我们只需要做一点点的小改变,也许只要倾斜一点点角度,就能收获完全不同的效果。

 几何元素网页设计是否合你口味?

5.首页上就看出了游戏网站的特点,由各种图标组合而成的几何字体,与周边的象征着小游戏的像素小图案搭配使用,让整个效果十分和谐搭调。线型背景的使用也为整体的街头风加分不少。

 几何元素网页设计是否合你口味?

6.几何元素的作用比较多元化,随着周围坏境色彩的变化,它也能随之显现出完全不同的效果。在这个案例中,几何元素释放了它的神秘感。半透明的图片设计让网页有了重叠感,而规则的几何也不会让网页很繁复。

 几何元素网页设计是否合你口味?

7.几何元素并不是只能带来高大上的效果,卡通清新的设计也能引入几何造型。这个案例中的图案就是由一些小几何组合出来的,在这里使用几何不仅不会觉得格格不入,反而能增添几分活泼和童趣。

 几何元素网页设计是否合你口味?

8.如果网站全局都铺满了几何成分,那一定会看起来过于臃肿。而案例中的网站则很好的解决了这一问题。设计灵感来源于折纸艺术,每个图形之间都留了一定的距离,这样做不仅能让几何元素贯穿全程,也不会看起来很复杂。

 几何元素网页设计是否合你口味?

9. 麦麦的网站第一眼感觉像是一个根据Metro界面改变的网页设计,Metro本身就是一个集聚方块元素的设计手法,只要在适当的位置做一些改变,马上能制作出鱼眼或立体的视觉效果。

 几何元素网页设计是否合你口味?

10.Kocha是国外一个做网页设计的机构,只看首页,也许你会认为这是一个玩具网站或是童装店。规整的几何与充满跳跃性的色彩相搭配的确能勾勒出一种活泼亮丽,充满创意和想象力的感觉。

 几何元素网页设计是否合你口味?

在设计中一旦加入了一些几何图案的设计,就会马上提升整个页面的质感和元气,这可能是图形与生俱来的独有魅力。

二 : 海洋元素主题网页设计

海洋元素主题网页设计_主题元素

海洋元素主题网页设计_主题元素

三 : 网站设计成功要素

设计一个网站,应该考虑下列九条基本因素,这些因素对网站的成功与否有着重要影响。

1.整体布局

    网站主页就好象是宣传栏或者店面——对访问者产生第一印象,都希望尽量给人留下好的印象,不是吗?

     一般来说,好的网站应该给人有这样的感觉:
    干净整洁;
    条理清楚;
    专业水准;
    引人入胜。

    网页应该力求抓住而不是淹没浏览者的注意力,过多的闪烁、色彩、下拉菜单框、图片等会让访问者无所适从——离开是最好的选择,就象一些商店,播放震耳欲聋的发烧音乐,你要做的唯一决定就是离开那里,越快越好。

2.信息

    无论商业站点还是个人主页,你必须给人们提供有一定价值的内容才能留住访问者,因为我们人类总是惟利是图,第一个问题总是:“对我有什么用处?”

    所以你必须提供某些有价值的东西,当然并不是说必须提供某些免费的物品——免费书籍、免费入场券、免费度假等,这些“有价值的东西”可以是:
    信息;
    娱乐;
    劝告;
    对一些问题的帮助;
    提供志趣相投者联络的机会;
链接到有用的网页,等等。

    如果你经营的是企业网站,需要提供关于产品或服务的信息:
    容易理解;
    容易查询;
    容易订货。

3.速度

    我们都知道,页面下载速度是网站留住访问者的关键因素,如果20—30秒还不能打开一个网页,一般人就会没有耐心。至少应该确保主页速度尽可能快,最好不要用大的图片。

    应该时时提醒自己,网站首页就象一个广告牌。当开车经过一个广告牌时,没有时间阅读上面的详细说明,也不可能赞赏其复杂的图案,广告标志从眼前一闪而过,必须在一瞬间给人留下印象。

    网上访问者也是“一闪而过”,保证你的首页简单而快速。网上有许多关于如何增加速度的文章——检查下载速度,放弃一切显著减慢主页速度的资料。

4.图形和版面设计

    图形和版面设计关系到对主页的第一印象,图象应集中反映主页所期望传达的主要信息。

    如果有系列商业站点,你不必让过分显眼的动画出现在首页——但如果你的网站是游戏站点,动画将是必不可少的一部分内容。

图片是影响网页下载速度的重要原因,根据经验,把每页全部内容控制在30K左右可以保证比较理想的下载时间。图象在6—8K之间为宜,每增加2K会延长1秒钟的下载时间。

    颜色也是影响网页的重要因素,不同的颜色对人的感觉有不同的影响,例如:
红色和橙色使人兴奋并使得心跳加速;
黄色使人联想到阳光,是一种快活的颜色;
考虑到你希望对浏览者产生什么影响,请为网页选择合适的颜色。

    阅读西方格式文本时,眼睛从左上方开始,逐行浏览到达由下方,插入图象时不要忘记这种特性。任何具有方向性的图片应该放置在网页中对眼睛最重要的地方,如果在左上角放置一幅小鸟的图片,鸟嘴应该放在把浏览者目光引向页面中部的地方,而不是把视线引走。

    这种思路可以用于所有图片:
    面部应该“看”网页的中部;
    汽车的“停靠”面向网页中部;
    道路、领带等等图片的放置都应该在有助于吸引目光从左向右、从上向下移动。

    一般总是把网站导航条放置在页面左边,也是出于这种考虑——不断地出现在浏览者的视野之中。

5.文字的可读性

    我们仍然用广告牌的比喻来说明,文字要在广告牌上突出,周围应该留有足够的空间。也许你曾到过一些网站,要么拥挤不堪的文字觉得好象只有把脑袋钻进去才能阅读,要么深色的背景给人的感觉好象处于非常狭窄的空间里,而且让人的心情感觉很压抑。某些背景色的令人阅读困难;紫色、橙色和红色让人眼花缭乱。

    文字的颜色也很重要,不同的浏览器有不同的显示效果,有些在你的浏览器上很漂亮的颜色在其他浏览器上可能无法显示。

    参考报纸的编排方式,为方便或快速阅读将你的内容分栏设计,甚至两栏也要比一满页的视觉效果要好。

    另一种能够提高文字可读性的因素是你所选择的字体,通用的字体(Arial, Times New Roman, Garamond and Courier)最易阅读,特殊字体用于标题效果较好,但是不适合正文(试想浏览整页的 Gothic, Script, Westminster, or Cloister会是怎样的感受)。因为阅读费力,你的眼睛很快就会疲劳,不得不转移到其他页面。

    明白我的意思了吗?

6.网页标题的可读性

    必须尽量使你的网页易于阅读,除了分栏之外(将页面纵向分割),也需要利用标题和副标题将文档分段。

    为所有标题和副标题设置同一字体,并将标题字体加大一号,所有标题和副标题都采用粗体,这样便于识别标题(字体加大加粗)和副标题(粗体,与正文字体大小相同),使浏览者一眼就可以看到要点,以便找出并继续阅读有兴趣的内容。标题的重要性可见一斑,要认真写好每个标题!

    也可以将整句采用粗体或用不同的颜色突出某些内容,不过不要用难以阅读的颜色。

7.导航

    由于人们习惯于从作到右、从上到下阅读,所以主要的导航条应放置在页面左边,对于较长页面来说,在最底部设置一个简单导航也很有必要(只要两项就够了:主页|页面顶部)。

    确定一种你满意的模式之后,最好将这种模式应用到同一网站的每个页面,这样,浏览者就知道如何寻找信息。

8.保护个人信息声明和客户推荐信

    对于商业网站来讲,最重要的事情之一是确保潜在客户的信心,你应该明确地告诉人们,如何对其兴趣、爱好,尤其个人隐私保密,很有必要专门用一个页面详细陈述你的保护个人信息声明,包括对访问者的email地址保密、如何接受定单、如何汇总信息、汇总这些信息的目的、谁可以看到这些信息等基本内容。

    访问者也想知道你的产品或服务现有客户的反映,所以如果能引用与你关系融洽的客户对你的积极评价,对你的可信度将很有帮助。

    不要害怕向顾客索取推荐信——人们都愿意自己的意见有价值。

    你可以把客户的推荐信另设计为一个网页,作为对客户提供推荐信的回报,在这里链接到客户的网站——这也是一种“双赢”。

9.词语

    一个网站如果只有漂亮的外观而词语错误连篇、语法混乱,同样是失败的,对于网站所有者和负责人将产生很坏的影响,人们会用许多贬义词来评价你:粗心大意、懒惰、外行、没水平等等。

    你愿意把自己辛苦挣来的钱花在一个连自己的网站都马马虎虎的人吗?

    你可以按照上述步骤改进你的网站制作技巧;
    你可以请人对你的工作进行校对、编辑;
    你也可以请人为你制作网页;

    总之,上述步骤在很多方面对你会有所帮助,不要因为对某些步骤的疏忽而影响你的网站的整体效果。 

四 : 网页设计之“四要五不要”

  网页设计是一门“高深”的学问,体现在艺术和技术的相结合,完成一套优秀的设计作品离不开经验的积累和技巧的运用。万变不离其踪,熟练掌握核心基础技能做出的网页设计,你也可以出类拔萃。

  网页设计的“四要”

  1、要理清设计思路。在对网页下手之前,就要理清整个过程应该先做什么再做什么,对设计才会井然有序。当然需注意:主题必须明确,把握整个色调风格以及色彩的搭配,这就是体现艺术的所在了,通过颜色来营销消费者,影响他们的购买行为,包括logo,产品的图片展示等,更具吸引力的色彩会带动用户的视觉移动;页面排布距离的预设,保证不同元素之间的间距安排;最终架构起整个页面的布局。

  2、要熟悉代码的编辑。对整个网页的框架搭建之后,就得对代码编辑的思路大致有个方向,编辑起来才不会出现冗余的代码,整个设计更具目的性,实现起来更简单。

  3、要善与客户沟通。设计一个网页始终是要按照客户的需求来实现,善于和客户沟通了解设计要求,规避不必要的修改和不合理的要求,网页做起来会更顺利。

  4、要拓展创新思维。总是局限在狭小空间里的设计或许永远也得不到用户的喜爱,陈旧的模版只能作为一个参考,完全照搬绝对是错误的行为,网页同样要与时俱进,才不会遭到淘汰。

  网页设计的“五不要”

  1、不要采用抽象铤而走险。有些设计者在极力追求创新的时候往往会忘记原则,创新的东西不是越新越好,大众易于接受的创新才叫创新。例如:不要试图和用户玩躲猫猫,把网页的主题隐藏起来让用户自己找,奇亿网络小编相信,用户会直接跳过转向其他网站去找的,这就得不偿失了。还有新颖的字体最好少用,会影响用户的阅读质量。

  2、不要做图片导航。导航其实是越简单越好,文字导航比图片导航来得更直接,不要刻意体现个性化而增加网页本身以及用户的搜索负担,最好还能减少下拉菜单的设置,避免用户在查看的时候造成混乱的影响。

  3、不要使用表格布局。表格布局略显生硬,不仅会让搜索引擎感觉不友好,页面样式也没那么自由,因此建议将表格布局改成用css来代替。

  4、不要出现中转页面。例如:客户在点击下一个页面时,不要使用类似“如需继续浏览,请点击这里”的页面;或者遇到不同板块的内容,为了获取更多用户资源时不时要注册才能继续,路径越复杂,用户会越更厌烦。

  5、不要添加广告。例如:有些网页在用户浏览的时候,时常会弹出一些会话或者广告窗口,要求用户点击确认或者继续浏览,才能返回到用户原来浏览的网页窗口,这对用户来说是非常反感的,阻碍了用户阅读。如果确实要添加广告内容,可考虑放在没有视觉冲突的位置。

  以上是小编对网页设计的一些总结,在不断挑战和创新的同时,一些规则始终不能丢弃,才不会偏离正确的轨道。

  原文来自:广州网站建设http://www.studstu.com 奇亿网络原创,如需转载请保留原文地址

本文标题:网页设计要素-几何元素网页设计是否合你口味?
本文地址: http://www.61k.com/1064049.html

61阅读| 精彩专题| 最新文章| 热门文章| 苏ICP备13036349号-1