1个人类网站2基本介绍•概况:个人主页是互联网中色彩最为绚丽的风景,可以充分展示个性的空间,把自己介绍给世界,证明自己存在的道理。•特点:–没有其他类型网站的诸多限制和要求,客户是自己,设计师是自己;–个人主页并不要求“大气”而是“个性”,失去了个性的个人主页很难吸引同好的朋友;–很多个人也做如游戏门户、音乐下载等颇有一定规模的信息类型的网站。这种类型的站点必须要抛开个人情感,依据具体内容而设计。•范围:本次仅探讨有关宣泄个人情感的个人主页和用途较广泛的简历、作品推荐的个人主页。3•在网络上,拥有个人主页的人越来越多。有的只是放上一张照片和个人说明;有的写上几篇散文,做个快乐的心情小站;有的则是为了和拥有共同爱好的朋友交流。•在创作这类时有两个要点:–第一,网站建设的初衷决定了网页设计的方向;–第二,网站内容可能五花八门,信息结构决定网站结构及风格创意。Viva-graphics.com4vs5.com4网站吉祥物•网站吉祥物也就是卡通形象设计,是具有特别意义的视觉要素。选择、提炼适宜的人物、动物、植物或其他物体的个人牲,以夸张的手法创造出具象、特定的亲切形象,籍此强化并图解网站持有者或网站方的性格。•若是个人主页的卡通形象,一般情况下是设计师的情感寄托的一种具象特质,近几年在个人主页上逐渐多起来。•对商业网站来说,吉祥物是第二标志,在某些场合比标志更易应用,更易记忆和推广。它具有的商业价值和商业意义是企业页面元素无法替代的。如新浪网的“大眼睛”,腾迅公司的“QQ企鹅”都是相当成功的案例。5千奇百态、风格各易•千奇百态、风格各易的个人主页是商业网站所不能比拟的。•网站制作技术没有限制,创作范围没有限制,这也是个人主页风格独特的原因之一。Bitsofme.tvKinseyvisual.comThird-company.comAmplified.nu6随意、自由的色彩•网站内容和网站气氛决定了网站用色,个人主页会因创作者的喜好而选择网站的色彩搭配。•一些消极的情结是不可以出现在商业网点中的,以至于表现昏暗的、野性的、激烈的色彩不能用在具有商业意义的网站设计中,但在个人主页创作时完全没有这方面的限制。•很多有特殊的网站气质只能是个人主页特有的。Bambidesign.comToysdesing.com7自我介绍的“简历”网站•越来越多的人通过网络宣传自己,而且拥有一个自己的简历主页已经十分常见了。•简单的简历网站可能只有一篇介绍文字,加上一张照片,这样的情况并不代表页面不需要设计。实际上,即使单页形式的网站也可以做到有气氛的风格。417north.comDv4.jpDunun.comDesignchapel.com8情感宣泄的“独立”网站•对于情感型的个人网站,风格设计常常带有很强的自我意识和个人喜好,把个人魅力宣传得淋漓尽致。设计仅仅是外在的形式,是思想通过图形图像表达出来的方式,没有灵魂的空壳设计,是无法让阅读的人感受到真诚和真实的。有思想的设计是构成富有感染力的作品的唯一要素。•很多制作个人主页的人不是学美术出身或是根本不懂平面设计,这种情况下,不要花太多的心思在插图上,应尽是避开自己的弱项。把网站内容编制好,通过简洁的页面展示出来,宣传吸引同好的朋友。Huya.netZasu.org/zasu9气氛类网站10概述想要把一个文学网站设计出体育网站的竞技感觉是不太可能的。若真的设置了关于体育的摄影照片,导致文学氛围消失了。也就是任何信息类型的网站都会形成一种特有的气质氛围。而当这种气氛与浏览者的心理所期望的感觉一致时,他们才会认可网站。•网站气氛可以向浏览者传递某种“只可意会不可言传”的感觉信息,向浏览者渗透网站文化理念,在浏览者心里树立网站独特的形象。11概述-续•气氛类网站是其网站信息给人一种很强印象的类型。•对非气氛类网站来说,营造网站气氛不是页面设计的最主要的设计要点。反观气氛类网站,因其特殊的信息情况,网站的文化特质是网站设计的关键。------网站中的图片信息是气氛类网站设计的重点,此外,能够帮助网站形成气质的重要因素还有色彩和文化内涵。把握好这三点对气氛类网站来说是至关重要的。12结构气氛类网站娱乐类网站生活类网站文学类网站时尚类网站电影网站音乐网站游戏网站女性网站男性网站儿童网站时尚品牌网站体育时尚网站13娱乐类网站14基本介绍想到娱乐网站,会想到些什么?-------是那些受人瞩目的明星人物和喧闹的气氛,或者是五颜六色的色彩和游戏画面里的超级马力,再或者是CD里放出来的悠扬歌曲和Flash搞笑动画。•设计这类网站时,如果没有插图,恐怕就很难仅用文字或色彩营造出符合人们心理的欢快气氛。•另外,音乐也是营造娱乐气氛的重要元素之一。Maverick.comVugames.com15网站文化定位•娱乐网站的设计同样要以内容为着手点,在实施设计规划之前,对信息内容要进行必要的分析,尤其是对图形图像资料的研究,探讨网站的文化定位点和采用的设计方式,并且通过色彩、图形图像和细节设计等多个方面共同协调营造某种特定的、符合网站信息内容的文化气质。•这种文化定位是完成娱乐网站的设计最初和最终的目标。Chihwaseon.comFlyff.comRoadrunnerrecords.com16积极的色彩和消极的色彩•不同的色彩刺激,使人们产生不同的情绪,能使人感觉鼓舞的色彩称为积极兴奋的色彩。而使人消沉或感伤的色彩称为消极性的消极性的沉静色彩;最能影响感情的是色相,其次是纯度,最后是明度。•娱乐网站大多给人一种较为积极的色彩,显得欢愉,兴奋。•但有些游戏类网站和摇滚乐的网站则给人消极的色彩心理,习惯用黑色、深灰色和深红色等色彩去表现神秘、迷惑和矛盾的心理感觉。Warprecords.com17积极的色彩和消极的色彩-续1•应用色彩时,只要根据各色彩的特点,合理地运用,就能取得理想的效果。比如节日庆典类的网站,就应该多用积极的色彩,要用纯度较高的暖色,营造一种振奋人心、积极活泼的环境。而饮料品牌的网站,可以引用沉静的冷以,如蓝、蓝绿和蓝紫等。因为在炎热的夏季,冷色可使人感到凉爽结合色彩心理的用色一定能取得理想的网站效果。18积极的色彩和消极的色彩-续2色相方面,红、橙和黄色是最令人兴奋的积极的色彩,而蓝、蓝紫和蓝绿等给人感觉沉静而消极。纯度方面,不论是暖色,还是冷色,高纯度的色彩比低纯度的色彩的刺激性强,给人积极的感觉。其顺序为高纯度、中纯度、低纯度,暖色则随着纯度的降低而逐渐消沉,最后接近或变为无彩色则为明度条件所左右。明度方面,对于同纯度,不同明度的色彩,一般情况下,明度高的色彩比明度低的色彩刺激性大。低纯度、低明度的色彩是属于沉静的,而无彩色中低明度的色彩是最为消极的。19气氛营造与网站风格•娱乐网站的图形图像是营造气氛的最主要手段,图形图像中的动态色彩(混杂的、没有单一色相的颜色)可以形成一种综合的表象,可以传递更多的信息,这种信息是无法运用一种色彩或两种色彩表现出的。•除此之外,音乐的作用也十分重要,很多娱乐网站中都使用到了背景音乐。这些音乐可以使视觉设计更加完美,给浏览者留下更深刻的印象。Manner0.co.krVooz.co.kr20赏析•电影网站Aimovie.warnerbros.comTerminator3.com•音乐网站Mikanakashima.comClub-progression.co.uk•游戏网站Bimbo.grupow.com/juego21生活类网站22基本介绍•家居与生活用品内容的网站在网络上也逐渐多了起来,大部分是以产品为主的电子商务网站或是企业的商务网站。还有很多需要营造出生活味道的网站,比如高级酒店和纺织类产品的网站。•生活的气息是温暖的、安全的、幸福的感觉,这些感觉给人们安定的情绪以及依赖感和依赖感。•女性类、男士类和儿童类网站应以其不同的受众群体而分别思考网站的气氛设计、风格设计和视觉设计。Modernoimport.com23网站择图与网站气氛•生活类网站主要是和生活相关的内容。“温暖”是网站气氛设计的关键词,运用室内家居的图片来营造家的气氛再合适不过。•网站还应突出可靠感,给浏览者一种很强的信赖感。这对一些家用电器和与家庭有关的商品的网站很有好处。•Panasonic.ru/gigacinema/Seoulplaza.co.krDimchae.co.kr24色彩设计•生活类网站可尽是选择白色作为背景色,主色彩最好采用明亮、干净的色调,淡雅的米色、紫色和褐色都是首选的颜色。•网站尽量不要使用相反色调的配色方式,相反色调的色彩对比对于强烈,变化多是优点,但是也可能会使画面过于跳跃,缺少柔和的心理反映。•此外,色彩设计要以具体内容为主要切入点,如女性、男士和儿童网站应各以其特殊的受众群体作为思考色彩设计的基点。Claren.co.krCasamiastyle.comStore.muji.net25女性网站———在网络上占很大比重。•女性网站在内容上包括美容化装、时尚服装和健康生活等多个方面。女性关注的事物不仅跟女性有关,还与生活中的很多事物相关。•在设计时应贴近女性心理,并根据女性的年龄区域思考风格设计。采用柔美、高雅感觉的色彩或插图适合年纪较大、较稳重的女性;轻快、俏皮的风格适合年轻的女孩;快节奏或流行文化深受职业女性喜爱。Fairyfair.com26男士网站——主要是指那些以男性用户为主要受众群众的网站,如摩托车、香烟、男性用品、男士杂志、西服品牌、游戏、足球和体育健美等内容的网站。•男性以刚为美,站点可以用有棱角的方形色块、深暗的色彩来设计。选用一些带有力量感和厚度感的图像图片,棕色、灰色、蓝色、褐色和墨绿色都是男士网站常用的色彩。Gq-magazin.de27儿童网站•小孩子的注意力容易被移动的、色彩艳丽的物体吸引,对可爱的圆润的东西感兴趣。•因此,儿童网站多以鲜亮的色彩为主,营造活泼的气氛。设计时不要用框架结构来局限页面,可多用自由的插图设计,插图多为卡通图像或矢量图形。如果用全Flash制作,也可为网站增添许多动态和变化。Livingwithkids.com.auHelpkid.com28时尚类网站29基本介绍•对于充满活力和冒险精神的年轻人来说,追求流行的时尚文化是他们的生活态度。•时尚总是给人一种捉摸不透而又难以追逐的感觉,但时尚并非总是光芒万丈让人无法接近,从摇滚乐中衍生出来的朋克文化,或流行文化中的波普艺术,或用黑人生活中总结出来的Hip-Hop嘻哈文化,都是时尚的分支。•时尚没有固定的模式和具体的色彩,它是各种流行文化和设计理念的交汇与碰撞,是多种流行文化的代名词。Style.comLunaboat.com/fox/brochure.html30流行文化与时尚设计•任何展示流行文化的设计都是时尚的!!!Viviennewestwood.comEckounltd.comDna-newmedia.com/cuts/smsbrochure/index.htm31网站时尚风格•说一个网站是时尚的,并不一定指网站内容是关于五光十色的T型台,而是指网站的设计是时尚的,时尚在这里是一个形容词而非名词。•时尚是生活的表达方式,它是最前沿的文化合流。观察与学习有关时尚的文化特点,是为了更好地把时尚设计运用到非时尚的网站中去,让它带有最时尚的色彩和美感。•Adametrope.comNikewomen.comGeorginaglldman.com32体育时尚网站•在当今的时尚文化里,体育运动是占有一席之地的。尤其在西方,蹦级、滑板、攀岩、潜水、四轮车越野、跳伞、街舞等,形成了一种共同的思想理念和行为方式,他们以体育运动来张扬自我个性,表达勇于进取的生活态度。•时尚体育网站往往因其特殊的文化特性而渗透着一种时尚又健康的味道。浏览者大部分为年轻而喜好冒险的人群,网站设计展示着生命的活力和激情,强调出“享受生活,勇于挑战”的健康心理,受到年轻人的喜爱。Nikefreestyle.co.kr55dsl.com33品牌服装网站•高级女装的数百个世界级品牌均代表了全球流行