您好,歡迎來到一站式眾包服務(wù)平臺(tái)-威客牛網(wǎng)!
當(dāng)前位置:威客牛首頁 > 知識(shí)百科 > IT軟件 > UI設(shè)計(jì) > 靜態(tài)網(wǎng)頁設(shè)計(jì)的技巧

靜態(tài)網(wǎng)頁設(shè)計(jì)的技巧

2022-12-04作者:網(wǎng)友投稿
網(wǎng)頁技術(shù)更新很快,一個(gè)網(wǎng)站的界面設(shè)計(jì)壽命僅僅2-3年而已。不管是垃圾還是精品,都沒有所謂的經(jīng)典,經(jīng)典只存在于是哪個(gè)首次成功創(chuàng)新性的應(yīng)用。一個(gè)閉門造車者做出的東西,是遠(yuǎn)遠(yuǎn)趕不上綜合借鑒者的。網(wǎng)頁設(shè)計(jì)不同于其他藝術(shù),在模仿加創(chuàng)新的網(wǎng)頁設(shè)計(jì)領(lǐng)域當(dāng)中,即便是完全自己設(shè)計(jì)的,也是沿用了人們已經(jīng)認(rèn)同的大部分用戶習(xí)慣,而且這種沿襲的痕跡是非常明顯的!還有哪個(gè)設(shè)計(jì)者敢腆著臉說,這都是我自己的原創(chuàng)設(shè)計(jì)?以下就是贏在威客網(wǎng)小編為您整理的靜態(tài)網(wǎng)頁設(shè)計(jì)的技巧。

設(shè)計(jì)環(huán)境


不可否認(rèn),國內(nèi)網(wǎng)頁設(shè)計(jì)環(huán)境還停留在初級(jí)的認(rèn)知階段,也就是說,絕大多數(shù)人不知道網(wǎng)絡(luò)的真正的可用之處,你去做一個(gè)業(yè)務(wù)的時(shí)候,不得不去做大量的說服教育工作。以乙方的身份去說服甲方,以專業(yè)角度去教育非專業(yè)人士,結(jié)果是可想而知的。也正是這種全體社會(huì)普遍的低認(rèn)知水平,導(dǎo)致了大量網(wǎng)絡(luò)垃圾的產(chǎn)生。

企業(yè)客戶所在行業(yè)往往有其特定的設(shè)計(jì)需求,特別是對于企業(yè)網(wǎng)站建設(shè)當(dāng)中的配色,除了應(yīng)根據(jù)企業(yè)的VI標(biāo)準(zhǔn)色,以及客戶自身的喜好進(jìn)行配色分析外,同時(shí)不能忽略整個(gè)行業(yè)對于顏色上的‘慣例’。那么,企業(yè)網(wǎng)站在設(shè)計(jì)和制作當(dāng)中,到底有哪一些配色規(guī)則需要設(shè)計(jì)師遵循呢?

1、行業(yè)避忌的顏色

某些行業(yè)的企業(yè)客戶,對于網(wǎng)站整體顏色的要求涉及到具體的顏色避忌,例如金融、投資類的企業(yè)網(wǎng)站,應(yīng)盡量避免綠色,或相近顏色的使用。這是因?yàn)?,綠色在金融投資行業(yè)當(dāng)中代表的是低迷,不景氣,下滑等負(fù)面的元素,因此即便企業(yè)宣揚(yáng)的是環(huán)保、低碳等企業(yè)文化,也是不能輕易予以使用。

2、特征選色

企業(yè)客戶在不同的發(fā)展階段,對于網(wǎng)站設(shè)計(jì)的配色需求并不一樣。在企業(yè)初創(chuàng)階段,企業(yè)建站的目的是打造品牌網(wǎng)絡(luò)形象,開拓客戶資源,這時(shí)候的企業(yè)客戶更多的是關(guān)注自身的個(gè)性化,如何才能凸顯企業(yè)的特質(zhì),如何才能在行業(yè)當(dāng)中顯示其獨(dú)有的特性,這是初建網(wǎng)站的企業(yè)客戶所重點(diǎn)關(guān)注的內(nèi)容;在企業(yè)形成規(guī)模,進(jìn)行品牌提升階段,企業(yè)建設(shè)網(wǎng)站或進(jìn)行改版的目的是重塑品牌網(wǎng)絡(luò)形象,打造更為專業(yè)、沉穩(wěn)和可持續(xù)發(fā)展的品牌理念和文化,這時(shí)候的企業(yè)客戶更多的是考慮如何將企業(yè)的品牌內(nèi)涵與行業(yè)相融合,在配色的選擇上更傾向于穩(wěn)重、包容,能夠適應(yīng)各種場合需要的配色。

好的網(wǎng)頁設(shè)計(jì)師

1、內(nèi)容和功能決定表現(xiàn)形式和界面設(shè)計(jì)

常常拿到的任務(wù)是一張小紙條,上面兩句話,叫你去做一個(gè)網(wǎng)站設(shè)計(jì)。有的人看看紙條就去設(shè)計(jì)頁面了,憑兩句話,你就可以為客戶做一個(gè)頁面設(shè)計(jì),以我7、8年的設(shè)計(jì)經(jīng)驗(yàn),我都不敢去做,你真是我的偶像?。?br />
2、界面弱化

一個(gè)好的界面設(shè)計(jì)它的界面是弱化的,它突出的是功能,著重體現(xiàn)的是網(wǎng)站業(yè)提供給使用者主要是什么。這就涉及到瀏覽順序、功能分區(qū)等等。

要讓訪客在0.5秒內(nèi)就能把握網(wǎng)站的行業(yè)性質(zhì),1秒內(nèi)就知道該從哪個(gè)地方開始使用這個(gè)網(wǎng)站,能點(diǎn)一次的,絕不點(diǎn)第二次。當(dāng)然上面說的是大多數(shù)功能性網(wǎng)站,對于宣傳展示性網(wǎng)站,諸如加特效的或Flash網(wǎng)站,可能就不得不花哨一些,但不能太過分。網(wǎng)站不是動(dòng)畫片,在效率越來越高,社會(huì)心理越來越浮躁的中國,人們的耐心越來越小,心理承受能力越來越低。效果可以體現(xiàn)意境,點(diǎn)到為止。

3、模塊化和可修改性強(qiáng)

模塊化不僅可以提高重用性,也能統(tǒng)一網(wǎng)站風(fēng)格,還可以降低程序開發(fā)的強(qiáng)度。這里就涉及一些尺寸、模數(shù)、寬容度、命名規(guī)范等等知識(shí)了,不再冗述。

無論是架構(gòu)還是模塊或圖片,都要考慮可修改性強(qiáng)。舉個(gè)簡單的例子,圖標(biāo)、按鈕等,很多人喜歡制作圖片,N個(gè)按鈕就是N張圖片。如果只做3-5類按鈕的背景圖片,然后用在網(wǎng)頁代碼里打上文字,那么修改起來就簡單了,讓程序員自己改字就可以了。然而網(wǎng)頁顯示的字體是帶有鋸齒的,一般既能清晰又保證美觀的字體字號(hào)有幾類:

宋體12px | 宋體 12px 粗體 | 宋體 14px | 宋體 14px 粗體 | 黑體 20px | verdana 9px | Arial Black 12px+ |

4、分析能力遠(yuǎn)比創(chuàng)意來的重要

設(shè)計(jì)界動(dòng)輒就大談什么“創(chuàng)意”,我要說的是,還沒有搞清目的意義內(nèi)容,還沒在技術(shù)制作上臻于完善的基礎(chǔ)上,用創(chuàng)意和特效來迷惑客戶和訪客是可恥的。一個(gè)網(wǎng)頁設(shè)計(jì)者的分析能力遠(yuǎn)比創(chuàng)意來的重要。
免費(fèi)查詢商標(biāo)注冊