讓W(xué)eb頁面布局成為敗筆的設(shè)計(jì)誤區(qū)有哪些?
分享 2011.12.05 瀏覽次數(shù):6476次
讓W(xué)eb頁面布局成為敗筆的設(shè)計(jì)誤區(qū)有哪些?
標(biāo)簽:設(shè)計(jì)誤區(qū) 杭州網(wǎng)站建設(shè) 杭州精典網(wǎng)站制作
即使Web設(shè)計(jì)已經(jīng)成為一個(gè)真正的產(chǎn)業(yè),開發(fā)一個(gè)網(wǎng)站仍舊是技術(shù)和藝術(shù)的結(jié)合。一個(gè)網(wǎng)站的設(shè)計(jì)既可以帶來大量流量,同時(shí)也可以嚇走大量用戶,當(dāng)然這些都和設(shè)計(jì)師相關(guān)。經(jīng)驗(yàn)、天份和能力是一個(gè)設(shè)計(jì)師最強(qiáng)大的工具。一個(gè)設(shè)計(jì)精良的布局是Web設(shè)計(jì)的基礎(chǔ),而且,這也是一個(gè)非常耗時(shí)的工作。
設(shè)計(jì)一個(gè)非常好的布局是一件非常不容易的事情,而且判斷的方式也非常主觀。任何一個(gè)設(shè)計(jì)可能會(huì)取悅你,也可能讓其它人厭惡。盡管這樣,這里仍舊有些大家都承認(rèn)的設(shè)計(jì)誤區(qū)。
為了幫助設(shè)計(jì)初學(xué)者少走彎路,我們列出了一些Web設(shè)計(jì)上的誤區(qū)。
1.缺乏空白區(qū)域
沒有比把頁面塞得像麻袋一樣滿更讓人煩人的設(shè)計(jì)了。你應(yīng)該保留一定的空白頁面讓訪問者放松他們的眼睛。很多設(shè)計(jì)者都想在第一個(gè)頁面提供更多的內(nèi)容。似乎初學(xué)設(shè)計(jì)的人更容易犯這個(gè)錯(cuò)誤,但其實(shí)各個(gè)設(shè)計(jì)水平的人都有這個(gè)傾向。設(shè)計(jì)者太依賴于布局而不敢嘗試其它方式。有時(shí)候,最簡(jiǎn)單的因素勝于一切。
2.非常糟糕的顏色組合
糟糕的顏色搭配絕對(duì)是最嚇人的。一個(gè)很常見的錯(cuò)誤就是使用高對(duì)比顏色創(chuàng)建一個(gè)富有視覺張力的設(shè)計(jì)。
很多的對(duì)比設(shè)計(jì)都希望使用一種顏色通過色彩和飽和度重點(diǎn)突出最重要的部分。這里有一個(gè)小技巧非常不錯(cuò):降低你的文件飽和度,如果各個(gè)元素之間的區(qū)別非常清晰的話,那就足夠了。這個(gè)邏輯非常簡(jiǎn)單:視覺沒有問題的人會(huì)看的非常清晰,然而有視覺問題的人將看到黑色、白色或者灰色的布局?,F(xiàn)在簡(jiǎn)單了,如果他們查看布局顏色沒有困難,那么布局就通過了色彩可用性測(cè)試。
3.一個(gè)頁面里包含的內(nèi)容太多
布局中可以擁有很多空白區(qū)域,同時(shí)也可以包含大量信息。通常人們都是先掃上幾眼頁面布局,因此設(shè)計(jì)人員應(yīng)該讓整個(gè)布局可被快速瀏覽。一個(gè)擁有信息太多的網(wǎng)站,例如,插入太多的圖標(biāo)、按鈕和圖片將會(huì)非常難以瀏覽,會(huì)讓網(wǎng)站的易用度大打折扣。
4.圖片使用不當(dāng)
一張圖片可能抵得過上百個(gè)文字,但是如果使用不當(dāng)?shù)脑挘愕牟季衷O(shè)計(jì)就失敗了。文字內(nèi)容、布局和圖片應(yīng)該組合使用,它們并不是分離的個(gè)體。任何Web設(shè)計(jì)人員都應(yīng)該理解創(chuàng)意并且有效的實(shí)現(xiàn)。圖片應(yīng)該能有效地說明網(wǎng)站需要表達(dá)的信息,這是一個(gè)在設(shè)計(jì)時(shí)最初需要考慮的因素。
5.忽略了字體排版
因?yàn)閿?shù)量多,或者非常少就忽略了字體排版是一個(gè)非常大的錯(cuò)誤。字體排版不是一個(gè)簡(jiǎn)單的如何選擇字體的過程,它還包含了句子、段落及標(biāo)題的組織方式。你可能想這里需要做的工作太多了,但是一個(gè)富有成效的設(shè)計(jì)將會(huì)對(duì)頁面布局產(chǎn)生非常重要的影響。
6.沒有考慮到可用性和所有人的使用感受
可用性可能被很多人認(rèn)為是一個(gè)多余的事情,但是一個(gè)可用性差的網(wǎng)站是一個(gè)自私設(shè)計(jì)者的作品。網(wǎng)絡(luò)世界對(duì)于任何人都是平等的,如果你的設(shè)計(jì)不能讓每個(gè)人都能享受到,那么將會(huì)是一件很不尊重人的事情。美國(guó)有一項(xiàng)法規(guī)規(guī)定:任何機(jī)構(gòu)和部門的網(wǎng)站都必須通過可用性測(cè)試。實(shí)際上可用性并不是個(gè)高科技的東西。例如,你只需要簡(jiǎn)單加上alt標(biāo)簽屬性,這并不會(huì)給你帶來任何麻煩。這里用不著遵循什么法規(guī),從道德和道義上來講,我們應(yīng)該自覺地將這個(gè)考慮到設(shè)計(jì)中去。
7.沒有事先思考
由于缺乏經(jīng)驗(yàn),使得我們需要不停地修改自己的東西?;氖牵覀兛赡芡砩显O(shè)計(jì)的東西,第二天可能就會(huì)被刪除。一個(gè)聰明的設(shè)計(jì)者會(huì)在最開始的時(shí)候思考整個(gè)布局的大概設(shè)計(jì)。這種方式可以節(jié)省很多時(shí)間和資源。很明顯,在實(shí)際做之前思考是一件很不容易的事情,但是至少能夠幫助我們盡量少的去修改我們的設(shè)計(jì)。不用擔(dān)心,經(jīng)驗(yàn)可以幫助我們做到這一點(diǎn)。
更多網(wǎng)站建設(shè)資訊:HTML 5 & CSS 3 的新交互特性分享
- PREV:HTML 5 & CSS 3 的新交互特性分享
- NEXT:開發(fā)者需要Mac的理由是什么?
-
杭州網(wǎng)站設(shè)計(jì)公司:品牌網(wǎng)站開發(fā)助力企業(yè)成長(zhǎng)
日期:2024-12-20瀏覽次數(shù):333次
-
杭州網(wǎng)站建設(shè)公司:商城網(wǎng)站建設(shè)的六大關(guān)鍵步驟
日期:2024-12-18瀏覽次數(shù):433次
-
杭州網(wǎng)站制作:醫(yī)院網(wǎng)站設(shè)計(jì)與域名備案的復(fù)雜性探討
日期:2024-12-18瀏覽次數(shù):442次
-
杭州網(wǎng)站制作公司:打造安全可靠的醫(yī)院網(wǎng)站
日期:2024-12-11瀏覽次數(shù):690次
-
杭州網(wǎng)站設(shè)計(jì)公司:數(shù)據(jù)庫在高端網(wǎng)站制作中的關(guān)鍵作用
日期:2024-12-11瀏覽次數(shù):660次
相關(guān)新聞
整合同類新聞,相關(guān)新聞一手掌握
-
校園服務(wù)類APP具備哪些功能呢?
日期:2021-03-10瀏覽次數(shù):2540次
最新新聞
與互聯(lián)網(wǎng)同行,實(shí)時(shí)掌握網(wǎng)建行業(yè)最新動(dòng)態(tài)
-
牡丹江網(wǎng)站建設(shè):精品網(wǎng)站如何得來?
日期:2020-09-28瀏覽次數(shù):1874次
-
杭州營(yíng)銷推廣:熊掌號(hào)快速優(yōu)化網(wǎng)站
日期:2021-01-16瀏覽次數(shù):4032次
-
杭州營(yíng)銷推廣之小紅書怎樣上熱門
日期:2021-02-06瀏覽次數(shù):4829次
-
短視頻類杭州定制app如何申請(qǐng)API接口和三方SDK
日期:2021-08-23瀏覽次數(shù):4022次
-
杭州網(wǎng)站制作公司是如何搭配色彩的?
日期:2024-03-29瀏覽次數(shù):1883次
隨機(jī)新聞
新聞新動(dòng)態(tài),您需要的新聞管家
洞悉市場(chǎng)趨勢(shì)演變讓傳播回歸社會(huì)
免費(fèi)獲取網(wǎng)站建設(shè)與網(wǎng)絡(luò)推廣方案報(bào)價(jià)
-
關(guān)于我們
杭州帷拓科技有限公司,是一家新型的全案網(wǎng)絡(luò)開發(fā)公司,作為以互聯(lián)網(wǎng)高端網(wǎng)站建設(shè)、APP開發(fā)、小程序開發(fā)為核心的專業(yè)網(wǎng)絡(luò)技術(shù)服務(wù)供應(yīng)商,帷拓科技致力于全面分析市場(chǎng)環(huán)境、衡量與預(yù)測(cè)市場(chǎng)需求、整合區(qū)別于行業(yè)競(jìng)爭(zhēng)對(duì)手的絕對(duì)優(yōu)勢(shì),結(jié)合品牌理念深度挖掘項(xiàng)目?jī)?yōu)勢(shì)和產(chǎn)品價(jià)值,提升客戶品牌認(rèn)知、認(rèn)可度。
-
我們的客戶
帷拓科技?xì)v經(jīng)十年沉淀,與國(guó)內(nèi)外上千家客戶達(dá)成合作關(guān)系,其中穩(wěn)定合作的公司有:浙江華為、浙江移動(dòng)、浙江5G產(chǎn)業(yè)聯(lián)盟、浙江省社科院、綠城足球俱樂部、娃哈哈雙語學(xué)校、健康中國(guó)杭州峰會(huì)、科雷機(jī)電等,帷拓科技始終堅(jiān)持“帷有專業(yè),才能拓展無限”的服務(wù)理念,堅(jiān)持“認(rèn)真堅(jiān)持細(xì)節(jié)”的優(yōu)質(zhì)服務(wù)理念,不斷完善自身,成就企業(yè),最終實(shí)現(xiàn)共贏。
-
我們的業(yè)務(wù)
帷拓科技主營(yíng)業(yè)務(wù)范圍包含互聯(lián)網(wǎng)高端網(wǎng)站建設(shè)、APP開發(fā)、小程序開發(fā)、商城網(wǎng)站建設(shè)、公眾號(hào)運(yùn)營(yíng)以及數(shù)字營(yíng)銷等,涵蓋了服務(wù)、房產(chǎn)、數(shù)碼、服裝、物流貿(mào)易等行業(yè),根據(jù)品牌現(xiàn)狀,為每個(gè)客戶量身定制項(xiàng)目整體服務(wù)方案,以敏銳的市場(chǎng)洞察力、創(chuàng)新的市場(chǎng)策劃能力,全面把握市場(chǎng)變化,為客戶實(shí)現(xiàn)從企業(yè)到消費(fèi)者的價(jià)值轉(zhuǎn)換。