有效網(wǎng)頁設(shè)計的15項關(guān)鍵技術(shù)和最佳實踐
創(chuàng)造美麗獨(dú)特的網(wǎng)站似乎每天都變得越來越困難。有這么多令人驚異的網(wǎng)站設(shè)計,在那里提出一些新鮮的和不同的是接近不可能的。即使你不是在尋找一些獨(dú)一無二的東西,創(chuàng)造出看起來不過時的漂亮設(shè)計也是一個永恒的挑戰(zhàn)。
下面是二十個優(yōu)秀的技術(shù)和設(shè)計元素,你可以納入你的設(shè)計創(chuàng)造一個美麗的,拋光的網(wǎng)站。把它們組合在一起,或者挑選你想使用的每一個項目。我們還包括了大量的例子,給你真實的例子,設(shè)計師如何使用它們來創(chuàng)造華麗的網(wǎng)站設(shè)計。
1。生動的色彩
在你的網(wǎng)站設(shè)計中使用明亮的顏色可以增加很多視覺上的興趣。他們最適合那些想吸引年輕人或更休閑網(wǎng)站的網(wǎng)站。使用類似色調(diào)或飽和度的顏色可以使畫面更具凝聚力,使事物看起來不會過于忙碌。
確保在使用生動的顏色方案時,允許元素之間有足夠的對比度,而不會使用太多(如綠色背景上的紅色文本)。這對文本尤其重要,因為不恰當(dāng)?shù)膶Ρ葧归喿x變得非常困難,如果不是不可能的話。
2。梯度和照明效果。
漸變和燈光效果可以用于戲劇性或微妙的效果,或任何之間的。混合或單獨(dú)使用,它們可以給你的設(shè)計增添一點(diǎn)額外的光澤。色調(diào)梯度上的微妙色調(diào)可以產(chǎn)生一個偉大的背景,而漸變與燈光效果混合通常用來創(chuàng)建可怕的頭圖像。
如果你把漸變和燈光效果混合在一起(特別是多重效果),小心你的設(shè)計不會太過忙碌。限制使用的顏色,燈光效果的強(qiáng)度,或總的效果最好的結(jié)果。
3.透明度。
透明的盒子特別適合那些不太忙的有趣背景。無論是照片,素描,或只是幾何和圖形元素,透明層可以給你的背景更大的一部分在您的網(wǎng)站的設(shè)計。
4。垃圾。
垃圾是一個很寬泛的范疇,當(dāng)涉及到網(wǎng)站設(shè)計。添加微妙的grunge元素否則清潔和拋光的網(wǎng)站可以貢獻(xiàn)一點(diǎn)邊的總體設(shè)計。你也可以把垃圾設(shè)計多元素來創(chuàng)建一個網(wǎng)站,顯然是骯臟的。
一個蹩腳的設(shè)計更常見的元素是臟的紋理;凌亂的邊界(通常看起來像筆觸或衰減)的撕紙;訂書釘、回形針和類似的元素;柔和的顏色;水或其他液體污漬;蹩腳的字體;和其他腐朽和破壞因素。使用任何或所有這些(仔細(xì))可以添加一個新的層到您的設(shè)計。
即使是一些簡單的添加標(biāo)題背景用水彩筆可以給一個網(wǎng)站一個蹩腳的邊緣。添加一個微妙的骯臟背景進(jìn)一步加強(qiáng)了期待,同時仍然保持專業(yè)形象。
5。手繪設(shè)計。
手繪和草圖元素可以使你的網(wǎng)站看起來更隨意,甚至有趣。你是否使用完整的素描或是畫的元素,用手工繪制的元素讓你的網(wǎng)站看起來更美觀,有時會添加一個異想天開的元素。它還喚起童年和卡通在許多情況下,或不太頻繁,美術(shù)。
一個簡單的方法來開始手工繪制的元素都是用手工繪制的PS圖象處理軟件刷、字體和圖標(biāo)。在大多數(shù)情況下,有各種各樣的可供免費(fèi)使用。
6。柔和的顏色。
柔和的色彩是創(chuàng)造一種微妙的一個很好的方式,邀請網(wǎng)站。在柔和的顏色中混合一個或兩個更亮或更暗的重音顏色可以很好的使用,使站點(diǎn)的某些元素脫穎而出。柔和的顏色不必局限于灰色或褐色。你可以使用光譜中的任何色調(diào),只需色調(diào)柔和或略帶灰色。
7。水彩效果。
創(chuàng)建一個水彩元素的網(wǎng)站已經(jīng)成為PS圖象處理軟件的畫筆和水彩紋理的廣泛可用性更容易。在頁眉、背景和其他元素中使用水彩效果是一個重要的設(shè)計趨勢。水彩元素的美麗之處在于,它們可以很容易地突出或停留在背景中,這取決于你使用的顏色以及它們的透明度。無論哪種方式,你選擇做什么都要取決于你是否希望你的站點(diǎn)設(shè)計有一個大膽或柔和的外觀。
8。自然激發(fā)元素。
自然激勵元素在環(huán)境和綠色行業(yè)網(wǎng)站上最受歡迎,但它們開始在網(wǎng)絡(luò)上出現(xiàn)。一些最流行的地方是設(shè)計師組合和個人博客。
這些元素可以用多種方式使用。有些使用它們作為背景設(shè)計的一部分。其他將它們合并到頁眉或圖標(biāo)中。有些人到處使用它們,無論它們適合哪里。找到創(chuàng)造性的方法來融入自然靈感元素可以是一個奇妙和有趣的設(shè)計挑戰(zhàn)。
9。照片背景。
本例中的照片真實背景不只是照片背景。其中大部分都是由多張照片組成的,或者是添加到真實的照片中,但實際上是數(shù)字或計算機(jī)生成的。
在過去一兩年中最流行的照片背景技術(shù)之一是創(chuàng)建桌面或桌面背景。這些通常由木制的表面和各種紙張,咖啡,杯子,和其他元素覆蓋在他們身上。這是一個艱難的技術(shù),以擺脫(確保陰影和光源都是一致的,等等),但使一個可怕的效果,當(dāng)做得很好。
10。超大字體。
使用超大類型可以對某些文本元素起到重要作用。有些網(wǎng)站甚至選擇使用超大字體排版。你不一定要讓它有一個巨大型增加的影響;使其一個或兩個尺寸大于你通常能讓它在整體設(shè)計中多少重量。
11。裝飾字體。
裝飾字體可以為網(wǎng)站設(shè)計創(chuàng)造奇跡。使用JavaScript和其他文本替換工具,用想要的字體替換文本,使得創(chuàng)建這些效果也相對簡單。在大多數(shù)情況下,您希望限制您想要使用的字體數(shù)量,或者使網(wǎng)站太忙。但是如果排版是網(wǎng)站的主要圖形元素,只要你保持顏色和/或比例相似,你就可以使用更多不同的字體。
12。大膽的背景。
在設(shè)計中使用大而大膽的背景圖像是另一種流行趨勢。有很多方法可以做到這一點(diǎn),包括創(chuàng)建調(diào)整大小的圖像。通過使用更復(fù)雜或更簡單的設(shè)計,有限的或充滿活力的配色方案,和其他類似的設(shè)計選擇,你可以改變一個大背景所帶來的影響。
13。懷舊和復(fù)古元素。
在復(fù)古,復(fù)古,和在你的設(shè)計antique元素可以添加一層有趣的nostalgia(或你的網(wǎng)站的,取決于你如何使用它們。在一些案例中,他們甚至可以添加額外的魅力領(lǐng)導(dǎo)層(或類)。
《大學(xué)surprisingly,復(fù)古元素包含在你的設(shè)計可以讓你的新網(wǎng)站的外觀和新鮮。復(fù)古的設(shè)計,有兩個saturate真的網(wǎng)頁,所以人們不習(xí)慣看到他們?yōu)樵诰€。不管你選擇走后兩個seventies,忽視,或平衡之前,這些臉部兩個有趣的元素可以被添加。
14。醒目頭。
頁眉通常包含重要的信息,您希望突出顯示站點(diǎn)訪問者的信息。它們可以增強(qiáng)公司形象,提供重要信息,突出重要特征,等等。使用醒目的標(biāo)題,通過使用顏色、圖像和排版,使訪問者更有可能花時間查看上面的內(nèi)容。
15。拼貼元素。
拼貼元素是一些最通用的設(shè)計選項。使用干凈的邊緣干凈,他們可以使一個網(wǎng)站看起來更加拋光和完成。用粗糙的邊緣或用豐富,他們可以添加更多的藝術(shù)期待您的網(wǎng)站。當(dāng)它們介于兩者之間時,它們?yōu)榫W(wǎng)站設(shè)計增添了真正的活力。