1. 網站布局的基礎要求有哪些
1、網站布局的基礎要求——不要讓頁面超載
頁面的設計必須輕巧、清晰,必須符合與主題風格相同的標准,這樣瀏覽自然能達到更好的美感和更好的體驗。頁面的內容不應該太擁擠。必須設計出合理的邊框邊距,這樣才能使內容顯示得更完整,主題內容顯示得更清晰,避免過於凌亂的局面。
2、網站布局的基礎要求——布局體現了網站的個性
在各類企業品牌網站的布局設計中,還應注重網站個性的呈現,更注重與眾不同的風格特徵。這樣,用戶既可以滿足基本的瀏覽體驗,又可以通過一些比較創新的方式來提升個性。自然會呈現出更強大的瀏覽效果,也會提升企業品牌的整體形象,帶來更強大的瀏覽效果。
3、網站布局的基礎要求——設計合理,簡潔
為了更好地滿足公眾用戶的視覺體驗,同時讓網站頁面內容的顯示效果更完美,建議注意簡潔和大氣風格的標准布局設計,也將發揮很好的作用,促進企業品牌形象的建立。布局必須符合清潔度的標准,這樣我們才能更好的展示頁面的內容,這樣我們才能對網站的內容有更深的了解。
如果要保證網站製作效果更加完美,同時也能突出頁面設計風格的美感和功能性,使頁面設計更加合理,就必須注意以上的網站布局的基礎要求。後續將會有更多關於平面設計中各個分類的設計技巧與資訊,可以點擊本站的其他文章進行學習。
2. 網頁設計的基本內容有哪些
1、頁面內容要新穎
網頁內容的選擇要不落俗套,要重點突出一個“新”字,這個原則要求我們在設計網站內容時不能照抄別人的內容,要結合自身的實際情況創作出一個獨一無二的網站。
2、要及時更新網頁
網頁製作好後,不能說萬事大吉了,其實事後的工作量更大。因為網頁製作是一時的,而維護更新的工作是每天都要做的。
3、注意視覺效果
設計Web頁面時,一定要用1024*768的解析度來 分別觀察。許多瀏覽器使用1024*768的解析度,盡管在1280*1024高解析度下一 些Web頁面看上去很具吸引力,但在1024*768的模式下可能會黯然失色。作一點小小的努力,設計一個在不同解析度下都能正常顯示的網頁
4、隨時注意網站升級
時刻注意網站的運行狀況。性能很好的主機隨著訪問人數的增加,可能會運行緩慢。但是,如果你不想失去訪問者的話,一定要仔細計劃好你的升級計劃。
5、善用表格來布局
不要把一個網站的內容象作報告似的一二三四地羅列出來,要注意多用表格把網站內容的層次性和空間性突出顯示出來,使人一眼就能看出你的網站重點突出,結構分明。
3. 網站界面設計基礎
網頁包括:網站logo,導航欄,banner,內容欄,版尾。
logo的大小標准:88*31普通規格;120*60一般大小規格;120*90大型logo。
好logo所具備的條件:符合國際標准,精美獨特,兼容網站風格,能提現網站類型。
導航欄是索引網站內容和快速訪問所需內容的輔助工具。同級項目數以3~7項為宜。
banner是可由圖像,文字,動畫結合而成的網頁欄目。主要作用是展示網站廣告。
內容欄是網頁內容的主體,由一個或多個子欄組成,包含網站提供的所有信息和服務項目。內容可以是文字,圖像,或者兩者相結合。
版尾可以申明版權,法律依據,以及各種提示信息。版權的書寫應符合所在國家的法律依據,以及遵循一般書寫習慣。
除此之外,版尾處可以提供一個導航條,為將頁面滾動到底的用戶提供一個導航方式。
成功的網頁版式設計,有助於吸引用戶對網頁的注意,增進用戶對內容的理解。因此,要使網頁具有誘導力,突出訴求主題,就要通過對版式的空間層次,主從關系,視覺秩序,以及邏輯條理性的把握和運用來共同完成。
傳統媒體是以線性方式提供信息,即根據信息提供者個人感受來傳播。在web環境下,用戶不再是被動接受者,而是以一個主動參與者的身份加入到信息的加工處理發布之中。
網頁媒體使用的交互性,多維性,和多種媒體的綜合應用,是網頁版面設計的完美體現。即時的交互性是web成為熱點的原因,也是版面設計需要考慮的問題。
多維性源於超鏈接,主要體現在導航的設計上。使用超鏈接,網頁的組成結構會更加豐富。用戶可自由切換,打破了傳統的線性接收方式。但需注意頁面之間的關系不能太復雜,這會給用戶帶來負擔。
網頁中所使用的多媒體視聽元素主要有文字,圖像,聲音,視屏等。運用這些元素,可以滿足和豐富用戶的多種感官需求。
網頁設計的裝飾應該簡潔化,功能與裝飾應有效結合。復雜的裝飾會影響載入速度,影響點擊率。
網頁設計要遵循和諧,均衡,重點突出的色彩規則。當人們的色彩經驗與外界色彩刺激發生呼應,就會在心理上引發強烈的情緒。
1.網頁的標題設計
好的標題設計可令人賞心悅目,能形成網頁的整體風格。標題所在的欄目一般在網頁的上方,並左右貫穿整個網頁。標題的背景可以使用動態或靜態的圖片,主要由網頁的互動式特性決定。
2.文字的編排
通常情況下,適合網頁正文顯示的文字大小在12磅左右。然而,在很多綜合性網站中,由於在一個頁面中安排的內容較多,字型大小通常採用9磅。
在同一頁面中,字體種類少,版面雅緻,有穩定感;字體種類多,則版面活躍,豐富多彩。關鍵是如何根據頁面內容來掌握這個比例關系。從加強平台無關性的角度來考慮,正文最好採用默認字體。如果必須用到特殊字體,那麼可以將文字製成圖片。
通常字型大小與行距的比例應為:字型大小8點,行距10磅.即8:10.但對於一些特殊的版面而言,字距與行距的加寬或緊縮,更能體現主題的內涵。所以說字距和行距不是絕對的,得根據實際情況而定。
強調文字有三種常見形式:第一種是行首強調,又稱為下墜式,有吸引視線、裝飾和活躍版面的作用;第二種是引文強調,引文概括了一個段落、章節或者全文的大意,所以需要給予特殊位置來強調;第三種是個別文字強調,將個別文字作為頁面的訴求重點,可以通過加粗、加下劃線等強化文字的視覺效果。
3.圖文的結合
在網頁的版式設計中只應用文字也不適合人們長期閱讀,所以網頁在版式上採用圖文結合的方式更為恰當。
圖文結合主要有兩種表現形式:1.文字匹配圖片的形式,圖形是網頁的主體,文字是輔助存在。2.圖形匹配文字的形式,要把握圖形和文字的關系,根據不同類別的網站靈活搭配。
4.頁面的節奏韻律
頁面的韻律需要根據設計的風格和受眾情感綜合起來體會。一個音樂類的網站,給人的感覺是輕松歡暢的;一個新聞類網站,給人的感覺是快速律動的;而一個軍事類網站給人的感覺是嚴肅莊重的。所以這就需要設計者根據內容來選擇設計風格。
網頁設計如果僅從網頁版式構成進行分類,則主要有骨骼型、滿版型、分割型、中軸型、曲線型、傾斜型、對稱型、焦點型、三角型以及自由型十種。
1.骨骼型:是一種規范的、理性的設計形式,類似於報刊的版式。常見的骨骼有豎向和橫向的通欄、雙欄、三欄、四欄等。一般以豎向分欄為多,這種版式給人以和諧、理性的美。幾種分欄方式結合使用,會使網頁既有條理又有彈性。
2.滿版型網頁:以圖像充滿整版。頁面主要以圖像為訴求點,將少量文字嵌於圖像之上,視覺傳達效果直觀而強烈。多見於強調藝術性或個性的網頁設計中。美中不足的是,它對網路寬頻有著一定要求。
3.分割型:把整個頁面分為上下或左右兩部分,分別安排圖片和文案。令部分形成鮮明對比:有圖片的部分感性而具有活力,文案部分則理性而平靜。
4.中軸型:沿著頁面的視覺中軸將圖片或者文字進行水平或者垂直方向的排列。水平排列的頁面,給人穩定、平靜、含蓄的感覺;垂直排列的頁面,給人舒暢的感覺。
5.曲線型:將圖片或文字在頁面上作曲線的編排,這種編排方式能產生韻律感與節奏感。
6.傾斜型:將頁面主題形象或多幅圖片、文字進行傾斜編排,從而造成頁面強烈的動感,引人注目。
7.對稱型:頁面版式給人以穩定、嚴肅、莊重、理性的感覺。它分為絕對對稱、相對對稱以及四角形三種。一般採用相對對稱的手法,避免版式呆板。而四角形對稱手法是在頁面四個角安排相應的視覺元素,這種構成方式也能很好使頁面產生安定感。
8.焦點型:通過對視線的誘導,使頁面具有強烈的視覺效果。常見的幾種方式有:一是將對比強烈的圖片或者文字置於頁面視覺中心;而是視覺引導瀏覽者視線向頁面中心聚攏,形成向心的版式;三是視覺元素引導瀏覽者視線向外輻射,形成離心的網頁版式。
9.三角型版式:網頁視覺元素是三角型排列。正三角形具有最穩定性,倒三角形則產生動感。側三角形構成一種均衡版式,既安定又有動感。
1.缺乏主色調
在網頁經常可以看到這樣的網站,元素色相眾多,令人眼花繚亂,給人一種復雜混亂的視覺效果,使訪問者無法明確地識別重點內容。
這是一個國外從事汽車產業方面的公司,所以在頁面上方選用了和網頁同色系的一輛紅色跑車,這是網頁上的一處亮點。深淺不同的灰色對整個網頁的區域進行了劃分。整個網頁版式設計條理清楚,色彩簡單不呆板,體現了工業產品的特點。
這是松下家電製造公司的網站。以金屬灰為主色調,與家電產品的主體相吻合。頁面採取了一分為二的設計,上半部分展示公司的各大產品,下半部分主要是子目錄,其中包括新聞、其他產品、廣告等等。
2.文字能見度低
網頁上的色彩或者圖片通常結合在一起,要麼成為文字的背景色,要麼成為文字本身的顏色,這就出現了文字的色彩的對比問題。對瀏覽者來說,最重要的是文字,因此,畫面色彩運用就必須注意文字的可識別性,也就是文字的易見度。
.在高明度的背景上,低明度的文字易於識別,如果背景和文字名都接近,就容易出現難以辨別的問題,如遇到圖文疊印的網頁,文字可以採用白色或者反白色處理;或者使用與背景同色系,不同飽和度的方式來處理。
3.增加視覺負擔
網頁配色要盡量少用視疲勞度高的色調,一般來說,高明度、高純度的顏色刺激強度高,疲勞度也大。無色系中,白色的明度最高,黑色明度最低;有色系中,最明亮的是黃色,最暗的是紫色。
用明度太高的色彩作為背景看起來很刺眼,所以設計師們要盡量減少高明度背景的使用。反之,使用少量的高明度顏色作為點綴,會大大激發瀏覽者的探究慾望。
1.人性化
網頁設計在遵從藝術規律的同時,還要考慮到人的心理特點。色彩搭配合理,則給人一種和諧、愉快的感覺,因此應避免採用高純度、刺激性強的單一色彩,否則容易造成視覺疲勞。
這是一個休閑游戲的網站,連接每組連接點都繪制出一個完整的圖案。綠色和黃色的搭配讓游戲者看著很舒服,搭配一個簡單的按鈕,讓網頁看起來比較人性化。
藝術源於生活,又高於生活,通常情況下,生活中常見的東西沒有必要在網頁上再次重復。人的感覺是喜新厭舊的,總會偏向於一些新奇的東西,因此,一個新奇的創意或者有感染力的色彩,平面構成會更勾起訪問者的興趣。
這是一個阿根廷漫畫家的個人網站,很有生活創意。作者有著新奇的想像力和出色的構成表現能力。虛擬與現實相結合,將漫畫家的生活進行了記錄,生動有趣。
2.符合網站風格和主題
不同類型的網站就要使用不同的色彩和視覺元素,達到內容和形式上的統一,這樣做更符合人們的認知習慣。
例如珠寶首飾類的網站就要使用看起來貴重、豪華的配色,如黑色、金色。總讓人聯想到財富,黃金。遇到購物類等女性網站可利用粉色來表達女性站點的柔美性。
3.個性鮮明
每個網站都有自己獨特的個性和氣質,缺乏個性就很難讓訪問者記住這個網站,千篇一律的設計只能讓瀏覽者感到乏味。通過色彩組合以及元素構成能很好的實現網頁的個性化。
法國DJECO玩具設計工作室主要以設計兒童玩具為主營業務,DJECO設計工作室網站場景設計溫馨精美,強烈的兒童插畫風格與兒童玩具的設計定位扣合。網站風格活潑可愛,站點的亮點是極具特色的動畫元素設計,在整站中起到了非常好的點綴作用。
4. 一個網站建設需要懂得哪些基礎知識
網站建設中,網頁布局和網頁優化都是需要的。羅伯斯特科技能做的是更具需要定製網站。敏銳的設計師可以根據您的需求製作您需要的網頁設計和客戶滿意的網站。