網(wǎng)頁設(shè)計(jì)中需要注意的兩個(gè)要點(diǎn)
圖趣網(wǎng)頁設(shè)計(jì)教程--網(wǎng)頁設(shè)計(jì)要注意的兩個(gè)要點(diǎn),分別是整體風(fēng)格和色彩搭配。
一、確定網(wǎng)頁設(shè)計(jì)的整體風(fēng)格
網(wǎng)站的整體風(fēng)格及其創(chuàng)意設(shè)計(jì)是最難以學(xué)習(xí)的。難就難在沒有一個(gè)固定的模式可以參照和模仿。給你一個(gè)主題,任何兩人都不可能設(shè)計(jì)出完全一樣的網(wǎng)站。
風(fēng)格(style)是抽象的。是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè)“整體形象”包括站點(diǎn)的CI(標(biāo)志、色彩、字體、標(biāo)語)、版面布局、瀏覽方式、交互性、文字、語氣、內(nèi)容價(jià)值、存在意義、站點(diǎn)榮譽(yù)等等諸多因素。舉個(gè)例子:我們覺得網(wǎng)易是平易近人的,迪斯尼是生動(dòng)活潑的,IBM是專業(yè)嚴(yán)肅的。這些都是網(wǎng)站給人們留下的不同感受。
在這里,我提供給大家一些參考經(jīng)驗(yàn):
1.將你的標(biāo)志logo,盡可能的放在每個(gè)頁面上最突出的位置。
2.突出你的標(biāo)準(zhǔn)色彩,貼近你所做的網(wǎng)頁設(shè)計(jì)。
3.廣告效應(yīng)--總結(jié)一句能反映貴站精髓的宣傳標(biāo)語!
4.相同類型的圖像采用相同效果,比如說標(biāo)題字都采用陰影效果,那么在網(wǎng)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的!
二、網(wǎng)頁設(shè)計(jì)色彩的搭配
無論是平面設(shè)計(jì),還是網(wǎng)頁設(shè)計(jì),色彩永遠(yuǎn)是最重要的一環(huán)。當(dāng)我們距離顯示屏較遠(yuǎn)的時(shí)候,我們看到的不是優(yōu)美的版式或美麗的圖片,而是網(wǎng)頁的色彩。
關(guān)于色彩的原理有許多,在此我們不可能一一闡述,大家可以看看相關(guān)設(shè)計(jì)書籍,有利于系統(tǒng)地理解。在此我們僅僅想告訴大家一些網(wǎng)頁配色時(shí)的小技巧
。 1.用一種色彩。這里是指先選定一種色彩,然后調(diào)整透明度或者飽和度,這樣的頁面看起來色彩統(tǒng)一,有層次感。
2.用兩種色彩。先選定一種色彩,然后選擇它的對(duì)比色。
3.用一個(gè)色系。簡(jiǎn)單的說就是用一個(gè)感覺的色彩,例如淡藍(lán),淡黃,淡綠;或者土黃,土灰,藍(lán)。
在網(wǎng)頁配色中,還要切記一些誤區(qū):
1.不要將所有顏色都用到,盡量控制在三至五種色彩以內(nèi)。
2.背景和前文的對(duì)比盡量要大(絕對(duì)不要用花紋繁復(fù)的圖案作背景),以便突出主要文字內(nèi)容。
本文地址:http://m.likemindfilms.com/tutorial/di932.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁設(shè)計(jì)中的常見頁面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫:40款為網(wǎng)頁設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺設(shè)計(jì)分享—專題頁面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏