-
當(dāng)前位置:首頁 > 創(chuàng)意學(xué)院 > 景觀設(shè)計 > 專題列表 > 正文
優(yōu)秀的網(wǎng)頁設(shè)計應(yīng)該簡約,并且完整
網(wǎng)頁設(shè)計的基本原則是什么-(網(wǎng)頁設(shè)計的基本原則是什么意思)
大家好!今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于網(wǎng)頁設(shè)計的基本原則是什么?的問題,以下是小編對此問題的歸納整理,讓我們一起來看看吧。
開始之前先推薦一個非常厲害的Ai人工智能工具,一鍵生成原創(chuàng)文章、方案、文案、工作計劃、工作報告、論文、代碼、作文、做題和對話答疑等等
只需要輸入關(guān)鍵詞,就能返回你想要的內(nèi)容,越精準(zhǔn),寫出的就越詳細(xì),有微信小程序端、在線網(wǎng)頁版、PC客戶端
官網(wǎng):https://ai.de1919.com,如需相關(guān)業(yè)務(wù)請撥打電話175-8598-2043,或添加微信:1454722008
本文目錄:
一、
二、網(wǎng)站設(shè)計的原則
網(wǎng)站中有哪些關(guān)鍵技巧?有哪些陷阱?在這里,世界上一流的網(wǎng)站設(shè)計專家,讓你共享他們的秘密,告訴你:使網(wǎng)站賦予情趣的訣竅、應(yīng)該避免做什么、應(yīng)使用什么工具軟件以及他們喜愛和厭惡的網(wǎng)站。
01 明確內(nèi)容
如果你想成為一個網(wǎng)站設(shè)計者,并正想建一個網(wǎng)站的話,首先應(yīng)該考慮網(wǎng)站的內(nèi)容,包括網(wǎng)站功能和你的用戶需要什么。你的整個設(shè)計都應(yīng)該圍繞這些方面來進(jìn)行。
02 抓住用戶
如果用戶不能夠迅速地進(jìn)入你的網(wǎng)站,或操作不便捷,網(wǎng)站設(shè)計就是失敗的。不要讓用戶失望而轉(zhuǎn)向你的對手的網(wǎng)站。
03 優(yōu)化內(nèi)容
內(nèi)容是核心。大約在兩年以前,企業(yè)網(wǎng)站就像一本廣告冊子,更槽糕的是,網(wǎng)站使用了大量的圖片,似乎要幾個世紀(jì)才能下載完。 Chanels網(wǎng)站(www.channels.co.uk)在設(shè)計的某些方面是成功的,但是內(nèi)容太貪乏,并且要花很長時間才能找到所要的東西,因此不能算是一個成功的網(wǎng)站。
04 快速下載
沒有什么比要花很長時間下載頁面更槽糕的了。作為一條經(jīng)驗,一個標(biāo)準(zhǔn)的網(wǎng)頁應(yīng)不大于60K,通過56K調(diào)制解調(diào)器加載花30秒的時間。有的設(shè)計者說網(wǎng)頁加載應(yīng)在15秒內(nèi)。
05 網(wǎng)站升級
時刻注意網(wǎng)站的運(yùn)行狀況。性能很好的主機(jī)隨著訪問人數(shù)的增加,可能會運(yùn)行緩慢。但是,如果你不想失去訪問者的話,一定要仔細(xì)計劃好你的升級計劃。
06 堅持基本原則
即使你不懂HTML語言,你只需購買一個有版權(quán)的所見即所得的網(wǎng)頁設(shè)計工具,如Adobe PageMill 或 Microsoft FrontPage Express,就可以創(chuàng)建一個看起來很合理的網(wǎng)站。但是,在設(shè)計時,這些軟件包雖然不需要HTML,卻使網(wǎng)站速度下降。 為了成功地設(shè)計網(wǎng)站,你必須理解HTML是如何工作的。大多數(shù)的網(wǎng)站設(shè)計者建議網(wǎng)絡(luò)新手應(yīng)從有關(guān)HTML的書中去尋找答案,用Notepad制作網(wǎng)頁。
07 學(xué)習(xí)HTML
用HTML設(shè)計網(wǎng)站,可以控制設(shè)計的整個過程。但是,如果你僅僅是網(wǎng)站設(shè)計的新手,你應(yīng)該尋找一個允許修改HTML的軟件包。HomeSite4是一個很好的Web設(shè)計工具。在設(shè)計過程中,HomeSite4能幫助你學(xué)習(xí)HTML。它還允許你切換到所見即所得的模式,以便你在把網(wǎng)站發(fā)送到Web之前,預(yù)覽你的網(wǎng)站。
08 用筆畫一個網(wǎng)站的框架
圣人云:筆比劍更強(qiáng)大。在用計算機(jī)之前,用筆畫一個網(wǎng)站的框架,顯示出所有網(wǎng)頁的相互關(guān)系。計劃好你的用戶如何以最少的時間瀏覽你的網(wǎng)站。
09 “在計算機(jī)上永遠(yuǎn)也找不到好的方案”。 ——專家忠告
10 網(wǎng)站地圖
許多設(shè)計者把他們的網(wǎng)站地圖放在網(wǎng)站上,這種做法,卻是弊大于利。絕大部分的訪問者上網(wǎng)是尋找一些特別的信息,他們對于你的網(wǎng)站是如何工作的,并沒有興趣。如果你覺得你的網(wǎng)站需要地圖,那很可能是需要改進(jìn)你的導(dǎo)航和工具條。
11 “睜大你的眼睛,留意所有的事情?!?/p>
“對最不相關(guān)的東西的觀察可以得到最好的靈感。觀察一個站點的結(jié)構(gòu)和設(shè)計。理解站點結(jié)構(gòu)的關(guān)鍵元素,確保你的設(shè)計是圍繞站點瀏覽進(jìn)行的?!?——專家忠告
12 點擊規(guī)則
聽說過3次點擊規(guī)則嗎?對于小型網(wǎng)站,在你的主頁上,沒有任何一條信息,需要點擊次數(shù)超過3次的。對于大型網(wǎng)站,使用導(dǎo)航和工具條來改善操作。
13 特殊字體的應(yīng)用
雖然你可以在你的HTML中使用特殊的字體,但是,你不可能預(yù)測你的訪問者在他們的計算機(jī)上將看到什么。在你的計算機(jī)里看起來相當(dāng)好的頁面,在另一個不同的平臺上看起來可能非常糟糕。一些網(wǎng)站設(shè)計員喜歡使用來定義特性,這雖然允許你使用特殊的字體,但是仍需要一些變通的方法,以免你所選擇的字體在訪問者的計算機(jī)上不能顯示。級聯(lián)風(fēng)格表CSS有助于解決這些問題,但是只有最新版的瀏覽器才支持CSS。
14 “使用切合實際的簡便的命名規(guī)則?!?——專家忠告
15 檢查錯別字
好的拼寫是人們一生中重要的技能。但是遺憾的是,許多設(shè)計者都缺少這種技能。確保你拼寫正確,并且格外注意平常容易誤寫的錯別字。
16 避免長文本頁面
在一個站點上有許多只有文本的頁面,是令人乏味的,且也浪費(fèi)Web的潛力。如果你有大量的基于文本的文檔,應(yīng)當(dāng)以Adobe Acrobat格式的文件形式來放置,以便你的訪問者能離線閱讀。
17 不要使用卷滾條
人們厭惡在網(wǎng)上使用卷滾條。Trouble網(wǎng)站(www.Trouble.co.uk)是一個典型的設(shè)計很差的網(wǎng)站。它基于一個浮動的架構(gòu),為了閱讀所有的文本,瀏覽者不得不使用卷滾條。
18 專家最喜愛的Web設(shè)計工具
1.Adobe Photoshop
2.Macromedia Flash
3.Adobe Illustrator
4.Adobe ImageRead
5.Dreamweaver
6.Macromedia Fireworks
7. Allaire Homesites
8.Microsoft Notepad
9. Macromedia Director
10. Lightwave
11. Macromedia Freehand
12.其它:Adobe Acrobat Exchange,Allaire ColdFusion,BBEdit,HTML Validator等。
19 網(wǎng)站介紹
你應(yīng)當(dāng)有一個很清晰的網(wǎng)站介紹,告訴訪問者你的網(wǎng)站能夠提供些什么,以便訪問者能找到想要的東西。但是,許多設(shè)計者都沒有這樣做。有效的導(dǎo)航條和搜索工具使人們很容易找到有用的信息,這對訪問者很重要。告訴訪問者你所提供的正是他們想要的信息。
20 “網(wǎng)站一旦發(fā)布,網(wǎng)站設(shè)計的優(yōu)點和缺陷全都公布于世。沒有什么方法使你能夠比從自己的錯誤、傾聽其他人的建議和用戶反饋意見中學(xué)到更多的東西?!?——專家忠告
21 閃爍讓人頭痛
通過使用標(biāo)識可以吸引訪問者對你的主頁特殊部分的注意,但這也讓你的訪問者頭痛。如果你想使訪問者再次光顧你的網(wǎng)站,就少用此方法。
22 背景顏色
背景顏色也會產(chǎn)生一些問題,可能會使網(wǎng)頁難于閱讀。你應(yīng)當(dāng)堅持使用白色的背景和黑色的文本,另外還應(yīng)當(dāng)堅持使用通用字體。
23 向前和向后按鈕
應(yīng)當(dāng)避免強(qiáng)迫用戶使用向前和向后按鈕。你的設(shè)計應(yīng)當(dāng)使用戶能夠很快地找到他們所要的東西。絕大多數(shù)好的站點在每一頁同樣的位置上都有相同的導(dǎo)航條,使瀏覽者能夠從每一頁上訪問網(wǎng)站的任何部分。
24 “堅持你的信念。嚴(yán)格遵守各種規(guī)則。避免想當(dāng)然。絕不停止學(xué)習(xí)?!?——專家忠告
25 點擊記數(shù)器
不要輕易考慮在你的網(wǎng)站上放置一個醒目的點擊記數(shù)器。你設(shè)計網(wǎng)站是為了給訪問者提供服務(wù),而不是推銷你自己認(rèn)為重要的東西。大多數(shù)瀏覽者認(rèn)為計數(shù)器毫無意義,它們很容易被做假,瀏覽者也不想看廣告。如果你顯示你的網(wǎng)站是多么受歡迎,你最好提供一個鏈接,顯示訪問日志。
26 不要用框架
與記數(shù)器一樣,框架在網(wǎng)頁上越來越流行。在大多數(shù)網(wǎng)站上,在屏幕的左邊有一個框架。但是設(shè)計者立刻就發(fā)現(xiàn),在使用框架時產(chǎn)生了許多的問題。使用框架時如果沒有17英寸的顯示屏幾乎不可能顯示整個網(wǎng)站??蚣芤彩沟镁W(wǎng)站內(nèi)個人主頁不能夠成為書簽。也許更重要的是,搜索引擎常常被框架混淆,從而不能列出你的網(wǎng)站。
27 去掉圖像
在瀏覽器中即使去掉了圖像功能,也要保證訪問者能夠在你的網(wǎng)站上獲得滿意的效果。對于那些使用ISDN連接并且關(guān)掉了圖像功能的訪問者,還能獲得好的網(wǎng)頁加載性能??梢酝ㄟ^在網(wǎng)頁底部提供另外的鏈接和使用替代文字,而不是圖像來滿足訪問者的需要。
28 重復(fù)使用圖像
一些網(wǎng)站由于使用大量不重復(fù)的圖像而錯過了使用更好的技巧的機(jī)會。在創(chuàng)建商標(biāo)時,在網(wǎng)頁上多次使用同樣的圖像是一個好的方法,并且一旦它們被裝入,以后重新載入就會很快。
29 避免使用過大的圖像
不要使用橫跨整個屏幕的圖像。避免訪問者向右滾動屏幕。占75%的屏幕寬度是一個好的建議。
30 “避免使用炫耀的技巧。” ——專家忠告
31 選擇使用Flash動畫
許多使用比較慢的計算機(jī)的訪問者發(fā)現(xiàn)動畫圖標(biāo)很容易耗盡系統(tǒng)資源,使網(wǎng)站的操作變得很困難,因此,應(yīng)該給用戶一個跳過使用Flash動畫的選擇。
32 盡量少使用Flash插件
雖然許多Web設(shè)計者認(rèn)為Flash功能很強(qiáng)大,并且Netscape5.0將支持Flash,在使用時不必再下載任何插件。 但是,最好還是取消使用Flash做各接口的想法。
33 讓用戶先預(yù)覽小圖像
如果不得不放置大的圖像在網(wǎng)站上,就最好使用Thumbnails軟件,把圖像的縮小版本的預(yù)覽效果顯示出來,這樣用戶就不必浪費(fèi)金錢和時間去下載他們根本不想看的大圖像。
34 動畫與內(nèi)容應(yīng)有機(jī)結(jié)合
確保動畫和內(nèi)容有關(guān)聯(lián)。它們應(yīng)和網(wǎng)頁渾然一體,而不是干巴巴的。動畫并不只是Macromedia Director等制作的東西的簡單堆積。
35 慎用聲音
聲音的運(yùn)用也應(yīng)得到警惕。內(nèi)聯(lián)聲音是網(wǎng)頁設(shè)計者的另一個禁地。因為過多地使用聲音會使下載速度很慢,同時并沒有帶給瀏覽者多少好處。首次聽到鼠標(biāo)發(fā)出聲音可能會很有趣,但是多次以后肯定會很煩人。使用聲音前,應(yīng)該仔細(xì)考慮聲音將會給你帶來什么。
36 少用Java 和AxtiveX
在網(wǎng)頁上應(yīng)盡量少使用Java 和AxtiveX。因為并不是每一種瀏覽器都需要使用它,只有那些Netscape 和Explorer的早期版本的使用者才需要它。另外Mac在處理Java時也存在問題,過分地使用Java,會使Mac崩潰。
37 設(shè)計成功的網(wǎng)站
www.bmw.co.uk ——內(nèi)容和關(guān)聯(lián)性很好
www.yugop.com ——圖形下載很快
www.comicrelief.org.uk ——設(shè)計簡單明了
www.dreamcast-europe.com www.newsunlimited.co.uk www.newbeetle.com www.swoon.com www.viaduct.co.uk
38 慎用插件
在Web設(shè)計中,如果依賴于一些特別的插件,會減少網(wǎng)站的吸引力。如果訪問者沒有所要求的插件,將不得不到其它站點去下載,這樣訪問者有可能就不會返回了。
39 使用著名的插件
如果網(wǎng)站上有聲音或視頻,要保證使用者通過使用某個知名的插件,能夠聽到或看到。許多站點使用QuickTime、RealPlay和 Shockwave插件。因為,許多訪問者并不愿意浪費(fèi)很多時間和金錢去下載可能僅使用一次的插件。
40 使用先進(jìn)技術(shù)
跟上新的技術(shù)。Web技術(shù)的進(jìn)步絕不會停止,所以應(yīng)花一些時間來研究新產(chǎn)品和開發(fā)技術(shù)。
41 自己創(chuàng)建圖像和聲音
使用你自己創(chuàng)建的或從某個商業(yè)網(wǎng)站上下載的圖像和聲音。在制作商業(yè)網(wǎng)站時,應(yīng)該花足夠的資金來創(chuàng)建圖形,以增強(qiáng)公司的宣傳。
42 “無論是游戲、圖像、動畫還是電影,想想你喜歡的設(shè)計是怎樣的,這將激發(fā)你的創(chuàng)作靈感,使你創(chuàng)作出新的和更好的網(wǎng)站?!?——專家忠告
43 平臺的兼容性
要為用戶著想,必須最少在一臺PC 和一臺Mac機(jī)上測試你的網(wǎng)站,看看兼容性如何。
44 用軟件分析工具找錯
使用軟件分析工具檢查HTML。軟件分析工具Doctor HTML能夠幫助檢查HTML中的任何問題。如果你有許多網(wǎng)頁需要檢查,可選用軟件分析工具。在網(wǎng)址www.weblint.org/validation.html中,你能夠找到更多有效的HTML工具。
45 避免錯誤鏈接
網(wǎng)站中可能與其它一些有用的站點作了鏈接。但是,如果在你的網(wǎng)頁上有鏈接,一定要經(jīng)常檢查它們,保證鏈接有效。鏈接的網(wǎng)站可能很多,但不要鏈接到與你的內(nèi)容無關(guān)的網(wǎng)站上。
46 給觀眾成熟的東西
如果網(wǎng)站沒有完成,就不要發(fā)送到Web上。所有好的網(wǎng)站都是在幕后完成之后再發(fā)布的。
47 在搜索引擎上登記網(wǎng)站
任何一個人發(fā)現(xiàn)你的網(wǎng)站的機(jī)會都很少,除非你把你的網(wǎng)站在主要的搜索引擎上進(jìn)行登記。
48 設(shè)計一個留言板
瀏覽者愿意把時間花在好的網(wǎng)站上,所以最好有一個留言本,這能激勵訪問者再次回到你的網(wǎng)站,還有助于擴(kuò)充網(wǎng)站內(nèi)容。
49 測試網(wǎng)站
在你的網(wǎng)站正式發(fā)布之前,必須進(jìn)行有用的測試。在設(shè)計網(wǎng)站時要使用最新的軟件,但是不要忘了人們并不會使用最新的瀏覽器,所以要照顧到以前的瀏覽器。在上載網(wǎng)站時還要測試所有的鏈接和導(dǎo)航工具條。
50 “盡你所能反復(fù)測試所設(shè)計的網(wǎng)站,直到你不能發(fā)現(xiàn)新的東西為止?!?——專家忠告
51 演示即將發(fā)布的網(wǎng)站
在網(wǎng)站正式運(yùn)行之前,讓人演示它。演示中人們會告訴你所設(shè)計的網(wǎng)站是否容易使用。
52 動畫點綴
網(wǎng)頁上的動畫最多只用一個
53 “傾斜的按鈕看起來不會太好,最好不要使用?!?——專家忠告
54 內(nèi)容組織
在開始創(chuàng)建新的網(wǎng)頁前,仔細(xì)考慮網(wǎng)站內(nèi)容的組織。決定好想讓訪問者瀏覽的內(nèi)容,然后設(shè)計導(dǎo)航系統(tǒng)。
55 “空白萬歲”
注意留空白。不要用圖像、文本和不必要的動畫GIFs來充斥網(wǎng)頁,即使有足夠的空間,在設(shè)計時也應(yīng)該避免使用。
56 “利用空白去吸引注意力。為了吸引眼球,Web設(shè)計者使用各種方法,比如:閃爍、旋轉(zhuǎn)等,但是利用空白會吸引更多的注意力?!?——專家忠告
57 圖像壓縮
為了保持小的圖像,可以使用類似GIF向?qū)У某绦?,它能自動對圖像進(jìn)行壓縮。 先聲明圖像的大小,在圖像顯示之前最好能詳細(xì)說明圖像大小屬性,可以在IMG標(biāo)簽中保存這個屬性。這可以使網(wǎng)頁顯得很流暢,因為瀏覽器可以在圖像被下載之前在屏幕上顯示整個網(wǎng)頁。
58 設(shè)計失敗的網(wǎng)站
www.boo.com ——在它上面找一件T恤衫要花一個小時 www.miniheroes.co.uk ——不吸引人,主頁太雷贅
www.saturn.com. ——設(shè)計太差
www.e13.com. ——沒有新意
www.song.com. ——導(dǎo)航不知所云
59 圖像大小屬性,可以在IMG標(biāo)簽中保存這個屬性。這可以使網(wǎng)頁顯得很流暢,因為瀏覽器可以在圖像被下載之前在屏幕上顯示整個網(wǎng)頁。
60 用戶注冊
如果能知道誰瀏覽了網(wǎng)站以及是怎樣瀏覽網(wǎng)站的,那么就能得到大量有用的信息。但是,要求訪問者在瀏覽網(wǎng)站之前進(jìn)行注冊,這樣做是要冒風(fēng)險的,因為這將趕走一批不愿意注冊的人。獲得信息的另一種方法是進(jìn)行有獎競猜或金錢獎勵,讓用戶能主動填一些信息反饋表。
61 使網(wǎng)站具有交互功能
在網(wǎng)站上提供一些回答問題的工具,使得訪問者能從網(wǎng)站上獲得交互的信息。
62 圖片更新
盡可能經(jīng)常更換網(wǎng)站上的圖片,人們更愿意點擊的是圖片而不是文本。
63 在網(wǎng)站上提供游戲
游戲是很好的交互工具,它是使訪問者能再次光顧網(wǎng)站的好方法。
64 挑選工具軟件
仔細(xì)選擇Web設(shè)計工具。保證使用自己最想要的、自我感覺最好的軟件。
65 使用最新版本的軟件
盡量使用Web設(shè)計軟件的最新版本,還應(yīng)當(dāng)能被授權(quán)進(jìn)行免費(fèi)或便宜的升級。
三、簡述網(wǎng)頁設(shè)計的基本準(zhǔn)則
設(shè)計大師往往都是哲學(xué)家,他們往往保持一種包容的設(shè)計態(tài)度,不會采用極端的設(shè)計方式,他們的設(shè)計往往是一種平衡之美。
我們可以畫出一個橫軸,左邊是簡約、右邊是完整,而最好的設(shè)計會聰明的選取中值
網(wǎng)頁設(shè)計必須簡約,任何無用的特質(zhì)都必須移除;與此同時,網(wǎng)頁設(shè)計必須能夠滿足用戶需求。
太簡單的網(wǎng)頁如果沒有空能支撐,那么從里到外就真的是”空洞無物”了。
太復(fù)雜的網(wǎng)頁如果缺少簡約的收束,那么便會”尾大不掉”,讓用戶閱讀困難。
“言簡意賅”的設(shè)計才是好設(shè)計,一個設(shè)計師的掌控力得以體現(xiàn)。
總結(jié)起來就是一句話:一個布局、風(fēng)格具有簡約美,同時又能提供大量有價值信息的網(wǎng)站必定受用戶歡迎。
2. 用戶往往缺乏耐心
互聯(lián)網(wǎng)充滿了機(jī)遇,每個人都想通過簡單的操作便能獲取所需信息。
互聯(lián)網(wǎng)的信息浩瀚如海,你并不是唯一的信息提供者。
亙古不變的是:用戶的時間寶貴,他們?nèi)狈δ托摹H绻悴荒芴峁┍憬莸男畔?,那么他們會選擇離開,進(jìn)而尋找其他網(wǎng)站來謀求信息。
想要做好這一點?說白了,就是信息層級要清晰,加載速度要快。
3. 網(wǎng)頁設(shè)計必須具備一致性
想像一下你作為網(wǎng)絡(luò)瀏覽者時的經(jīng)歷:你在瀏覽網(wǎng)頁時,一般都不會詳細(xì)閱讀內(nèi)容,你會快速滑動頁面,大致瀏覽一遍,如果看到感興趣的信息便停下,進(jìn)行仔細(xì)閱讀。這是一種用戶習(xí)慣。
萬物作而弗始,生而弗有,為而弗恃,功成而弗居。夫唯弗居,是以不去。——道德經(jīng)
4.將導(dǎo)航菜單作為交互的”核心”
上面已經(jīng)提到過,各個頁面的導(dǎo)航欄必須具備一致性。有時候,好的網(wǎng)頁設(shè)計和差的網(wǎng)頁設(shè)計差距就在導(dǎo)航菜單,好的導(dǎo)航菜單成就了一款設(shè)計,壞的導(dǎo)航毀滅了一例網(wǎng)站。
每當(dāng)用戶有問題時,他都會習(xí)慣性的翻閱導(dǎo)航菜單,這也是用戶習(xí)慣,要注意。個人認(rèn)為,導(dǎo)航是網(wǎng)頁設(shè)計的核心元素,影響到網(wǎng)站的交互性,至于要怎么設(shè)計,仁者見仁,智者見智了。
5. 留白和信息同樣重要
“內(nèi)容為王”、”內(nèi)容至上”是嗎?那我就提供大量豐富信息,把網(wǎng)站全部都填滿?!边@種設(shè)計思想真是大錯特錯,太片面了。
你要有這樣一種觀念:留白也是設(shè)計的一部分,那些不使用的空間也能發(fā)揮其作用。從用戶的角度來說,留白很好,讓布局更有條理,信息更清晰。
太剛強(qiáng)的事物容易折斷,有張有弛才能長久。網(wǎng)頁設(shè)計也是同理,多給用戶一點閱讀呼吸空間,讓他們感受到網(wǎng)頁設(shè)計的”節(jié)奏感”。
各位可以自行想象一下,如果一款網(wǎng)頁中一點留白都沒有,到處都是密密麻麻的文字和圖像,你會感到舒服嗎?
6.用心的設(shè)計都有清晰的視覺層級
明智的設(shè)計師不光會創(chuàng)造內(nèi)容,還知道如何高效組織內(nèi)容,傳遞信息。視覺層級對于信息呈遞來說異常重要,優(yōu)秀的視覺層級還能幫助設(shè)計師強(qiáng)化設(shè)計理念。
空間排布、間距使用、整體布局,關(guān)于這些的探討已經(jīng)夠多了,歸根結(jié)底,無非是為了打造優(yōu)秀的視覺層級。
7.永遠(yuǎn)不要忽略字體
內(nèi)容為王,那么內(nèi)容是由什么包裝的呢?答案是字體,這種小小的細(xì)節(jié)能造就大差異。字體的清晰與否決定了信息呈遞的結(jié)果。
扁平化設(shè)計強(qiáng)化了大家對于字體的重視,這一點我很贊同。
一般網(wǎng)站的設(shè)計的這七個方面就是專業(yè)人士 分析優(yōu)秀網(wǎng)頁評判的標(biāo)準(zhǔn)了。
四、網(wǎng)絡(luò)設(shè)計的基本原則哪五點?
1、要簡單
你的網(wǎng)站應(yīng)該下載速度很快。如果你的網(wǎng)站為了給人留下深刻印象而包括了太多的背景,JAVA程序,構(gòu)架圖,插件程序和令人眼花繚亂又要花很長時間下載的圖象,那你的網(wǎng)站就面臨危機(jī)。一家電話推銷公司的研究表明:多數(shù)人在等候或待接30秒后會考慮掛線。如果他們必須等30多秒,才能完全下載你的網(wǎng)頁,瀏覽的人就會離開。如果他們必須要等,他們就會放棄。
人們經(jīng)常說我們的社會已經(jīng)進(jìn)入了"信息革命"。與其這樣說,不如把它稱之為我們正在經(jīng)歷"接入信息"的革命。這種能在瞬間搜索信息的能力,正是互聯(lián)網(wǎng)發(fā)展的基礎(chǔ)。
除了下載時間,你也要注意到能吸引瀏覽者注意的時間是短暫的。所以,你必須過濾你真正想要的信息。不要使信息超負(fù)荷下載,或者擔(dān)心他們遺漏了你的中心思想。即使你的網(wǎng)站具有娛樂性,他們沒有參與的話,你仍然沒有贏利。
2、要有明確目標(biāo)
一個有實效的網(wǎng)站源于一個明智的商業(yè)計劃,它必須有一個清晰的目的,也就是說它最終想引導(dǎo)什么樣的市場行為和商業(yè)結(jié)果。如果你的網(wǎng)站不是想去銷售一種產(chǎn)品,或者贏得一個消費(fèi)者,或者得到更多查詢資料,那么它還能做什么?簡而言之,你想讓那些瀏覽你網(wǎng)站的人做些什么?
問以下這些問題:你的網(wǎng)站的目的是否是在制造有潛質(zhì)的銷售機(jī)會?是否在銷售一個熱門的商品?你是否正極力勸說瀏覽者改變購買的品牌?你希望他們打電話詢問更多的信息嗎?你是否希望他們參加會員計劃?
人們都很怕主題混淆不清的東西。如果你試圖讓你的瀏覽者做太多的事情,尤其在主頁上,他們也許索性什么都不做了。然而,如果你想給他提供很多的選擇,應(yīng)先集中在某一點,然后,應(yīng)他們不同的要求造出二級或更多的頁面,再引導(dǎo)他們在適當(dāng)?shù)牡胤竭B接起來。從根本上說,你要精煉你的市場信息。最好選定一個重要的主題,讓其他的相關(guān)的信息都圍繞它展開。
3、要清晰
當(dāng)我們?yōu)g覽一本書時,封面常常是最先引起我們的注意。俗話說"不要通過封面判斷一本書的好壞"也是一個同樣簡單的道理,因為我們本身有自然的傾向那樣做。
因此說,網(wǎng)站的主頁面就好像"書的封面"。它應(yīng)當(dāng)引導(dǎo)讀者深入網(wǎng)站,而不是要他們就地立刻采取行動(除非你的整個網(wǎng)站只有一個頁面)。在主頁面上陳述的語句要簡短和有針對性,讓讀者能夠很清楚的知道你在說什么。使用大膽和能夠抓住讀者心理的標(biāo)題和副標(biāo)題突出主題和你網(wǎng)站提供的主要業(yè)務(wù)。
實際上,列舉下來所有瀏覽你網(wǎng)站會得到的好處,重點應(yīng)該放在傳達(dá)一個信息,那就是為什么瀏覽者需要往下看。有一種好的技巧就是把你所列舉的好處用條幅的形式表現(xiàn)出來(例如,條副上可以寫到:"登陸此網(wǎng)站,你可以得到…","在這個網(wǎng)站,你將發(fā)現(xiàn)…",或者"你不得不登陸的理由…")
把回報用條副式的形式羅列下來,不僅僅給讀者一個視覺上的提醒,而且也比較有效,因為它簡潔,言簡意賅,并且一連串的的詞堆積在一塊能夠產(chǎn)生很大的效果。記住,消費(fèi)者購買的是你好處,而不僅僅是產(chǎn)品。因此,你的主頁應(yīng)當(dāng)突出瀏覽你網(wǎng)站所給予的好處,而不光是你網(wǎng)站的特點。它必須給沖浪者一個充足的使之能夠?qū)W(wǎng)站繼續(xù)探索的理由。
不過,這仍然需要強(qiáng)調(diào)主次,首先提出目前存在的差距(問題與解決方案之間的差距)。然后顯示你的網(wǎng)站可提供什么樣的方案,具體辦法是通過逐步引導(dǎo)他們深入網(wǎng)站,告訴訪問者如何填補(bǔ)差距。換句話說,主頁必須確認(rèn)存在的問題,并確切說明你將怎樣解決這一問題。
4、突出重點
俗話說得好:你不可能滿足所有人的所有愿望。但是,你應(yīng)該有一個準(zhǔn)確的市場定位:去滿足某一些特定群體的需要。這比漫天撒網(wǎng)要強(qiáng)。
也就是說,你要去理解消費(fèi)者和瀏覽者,知道是什么促使了他們消費(fèi)的動機(jī)。毫無疑問,為此你要下不少功夫,但是,你同時要如激光般集中針對你的目標(biāo)客戶,這樣一來,你的網(wǎng)站就深深烙入他們腦海中了。
當(dāng)你的網(wǎng)站精煉了市場信息,并針對某一客戶群體,那么瀏覽者點擊你的主頁面時就接受了你的一半。然后,剩下的50%要看你的內(nèi)容(如文字內(nèi)容、提供的服務(wù),和銷售重點等等)。由于人們沒有時間去探索整個網(wǎng)站,去找他們需要的東西,更甭說用搜索引擎去找或者尋遍整個互聯(lián)網(wǎng)絡(luò),因此恰當(dāng)?shù)氖袌龆ㄎ伙@得尤為重要。
5、要專業(yè)
第一印象對于那些網(wǎng)站的瀏覽者很重要,有些人受網(wǎng)站主頁的影響很大。實際上,銷售是從這里開始的。顏色的組成,信息的組合,可以快速下載的吸引人的圖表,最重要的是正確的市場定位,是一個專業(yè)、讓人重復(fù)和被推崇的網(wǎng)站的重要因素。
以上就是關(guān)于網(wǎng)頁設(shè)計的基本原則是什么?相關(guān)問題的回答。希望能幫到你,如有更多相關(guān)問題,您也可以聯(lián)系我們的客服進(jìn)行咨詢,客服也會為您講解更多精彩的知識和內(nèi)容。
推薦閱讀:
網(wǎng)頁常見的布局(網(wǎng)頁常見的布局有哪些)
網(wǎng)絡(luò)營銷的四種形式(網(wǎng)絡(luò)營銷的四種形式是什么)
問大家
南京可靠的網(wǎng)頁美工設(shè)計正常多少錢?朋友們問一下
網(wǎng)頁設(shè)計需要學(xué)什么?需要自學(xué)多長時間?
北京評價好的網(wǎng)頁美工設(shè)計哪家專業(yè)?路過的大佬們聊一聊
昆山誠信的網(wǎng)頁美工設(shè)計性價比怎么樣?諸位盆友們幫忙回一下
上海大眾熟知的網(wǎng)頁美工設(shè)計哪家值得信賴?路過的大佬們聊一聊
福安著名的網(wǎng)頁美工設(shè)計負(fù)責(zé)人手機(jī)號有么?各位老司機(jī)們跪求解答
南京服務(wù)好的網(wǎng)頁美工設(shè)計哪家口碑不錯?路過的大佬們聊一聊
網(wǎng)頁設(shè)計懂點設(shè)計和html+css怎么發(fā)展好呢?
工作幾年了,想改行做網(wǎng)頁設(shè)計,現(xiàn)在零基礎(chǔ),打算邊工作邊自學(xué),大概多久可以入門呢?
興化市場推崇的網(wǎng)頁美工設(shè)計正規(guī)價多少錢?各位老板們有沒有誰了解
河北二志文化傳媒有限公司在衡水專業(yè)制作站牌廣告行業(yè)知名嗎?在座的前輩們拜托了