您好!歡迎光臨北京歡迎你科技有限公司官網(wǎng)!
售前咨詢熱線: 400-8737-108 北京地區(qū)專線: 010-52886123 售后服務(wù)專線: 010-56035709 VIP專線: 15901551129(24小時)
您可以通過以下新聞與公司動態(tài)進一步了解我們。我們所簽約的客戶,無論他們的項目是大或者小,我們都將提供好的服務(wù)。
本著“少就是多”地理念,通過十個簡單好用地設(shè)計技巧 ,就足以大大提升你設(shè)計地專業(yè)性和感染力。
壹. 增加對比
很可惜,添加額外地對比是最被忽視和棄用地技巧之壹。
Joost de Valk 采用啦細地高對比度邊線,讓訪客能更容易區(qū)分頁面地不同區(qū)域。在上圖中放大啦地部分,你可以看到,大多數(shù)時候這種對比只是壹條壹像素地高亮線挨著壹像素地暗線。
話說回來,這個頁面上地“More”和“Go”按鈕與周圍地對比度太小,即使你刻意在找也很容易被忽略掉。
WordPress 為頁面中最受歡迎地鏈接 “Download(下載)” 使用啦對比色。 這種紅色在冷灰色調(diào)地頁面中自己跳啦出來。但這紅色在明度方面有所收斂,避免啦影響頁面整體效果。
如果你對于該不該使用對比猶豫不決,就把這壹決定過程當(dāng)做是化妝。你要做地不是讓人們大吼“看吶,對比色!”,你需要地是自然而然地吸引他們注意頁面中重要地內(nèi)容,高亮出已經(jīng)存在地重點。
貳. 漸變
技術(shù)地發(fā)展為所有想使用漸變地人提供啦各種創(chuàng)造漸變地工具。但漸變真地很好么?
Media Temple 網(wǎng)站地每壹個頁面都使用啦漸變,不過其漸變使用地節(jié)制和精妙才是設(shè)計成功地關(guān)鍵。logo,大標(biāo)題,按鈕和背景都有細微地或者鏡像地漸變,以強調(diào)內(nèi)容。最復(fù)雜地漸變用在啦那些簡單地壹貳零像素寬地按鈕(子頁面中地“ACTIVATE”和“LEARN MORE”)上,因為它們是需要訪客注意地重點。
Commission Junction地漸變運用遠沒有Media Temple地細致,而且采用啦過于豐富地漸變類型:
從黑色到灰色地水平線性漸變,位于頁面頂部
頁眉處地綠色徑向漸變
登陸框背景地“CJ” 標(biāo)志上方模糊地斜向漸變
輸入框背景中淡淡地垂直線性漸變
導(dǎo)航條背景地垂直漸變
Webinar廣告中明亮地線性漸變
另壹個垂直線性減弱,用在啦大標(biāo)題處
這種設(shè)計有點冒險,大部分漸變式有用地,但還是存在壹些問題。最突出地壹點是,設(shè)計喪失啦壹致性。同選擇可辨性強地色彩組合壹樣地道理,設(shè)計師也需要為每個項目選擇合適地漸變組合。
例如,大地水平漸變(壹)引導(dǎo)眼睛橫向注視頁面。這本沒有神馬問題,但就在此漸變地正下方又出現(xiàn)啦把視線吸引到中心地徑向漸變(貳)和把視線引導(dǎo)到右下角地斜向漸變(叁)。這會給訪客造成困擾,起伏變化地視覺流(visual flow)也削弱啦可讀性。
使用漸變時,保證好地視覺流很重要:請保守而精致地使用漸變。最重要地壹點,僅當(dāng)對整體設(shè)計有幫助時才使用漸變。
叁. 色彩
合理使用顏色很有挑戰(zhàn)性。在挑選完美地色彩組合和為各種色調(diào)找到合適位置地過程中,時間嘩啦啦地就流走啦。
Realmac Software 大膽地在肆零肆頁面采用啦全色系漸變。這樣做有以下原因:首先,Realmac已經(jīng)將頁面背景設(shè)成啦中性灰色,更重要地是,頁面其余部分沒有明顯地色彩地,除啦藍色地文字鏈接和壹些零星地毫無沖擊力地色彩。
全譜色彩漸變完美地吸引啦人們地注意。它保持啦簡單性,有著灰色地配合,也不會讓眼睛感到不適。但在壹項設(shè)計中采用肆種或伍種以上地顏色通常都顯得太過啦。除非你非常確信你地設(shè)計需要那么多顏色,還是采用簡單地肆色組合比較好。
當(dāng)你在設(shè)計中克制而明智地使用色彩時,吸引訪客對重要項目地注意力就變得相當(dāng)容易。在Interspire地 “About Us(關(guān)于我們)” 頁面中,訪客地注意力被迅速吸引到頁面頂部LOGO那紅色地壹點上,然后是標(biāo)題,然后是頁面右邊地LOGO照片。
在字體上花點功夫。字體地藝術(shù)博大精深,遠遠超出我們大部分人地想象。字體中超出x高度部分(ascenders )和邊位(side bearings)處地創(chuàng)作空間巨大,你可以在此處添加壹些有趣地細節(jié)。不過還是運用接下來地壹些技巧更重要。
肆. 字符間距
字符間距,或者稱為字距調(diào)整 (kerning),能對標(biāo)題、段落、logo等文字相關(guān)內(nèi)容造成巨大影響。其遠不止每個字符之間地距離那么簡單。
Krop’s 地新作品集創(chuàng)建器,在處理文字地時候,十分吝嗇空間。該網(wǎng)站上大部分基于文字地圖片中地字符間距都很小,使敘述內(nèi)容顯得更為簡潔有力。
上圖表現(xiàn)啦字符間距對你地設(shè)計可能產(chǎn)生地負面影響。小而無抗鋸齒地字體如果沒有適當(dāng)?shù)刈址g距,將更加難以閱讀。
如果你以前沒有在意,試試現(xiàn)在對你設(shè)計中地字符間距做壹些調(diào)整,你會為調(diào)整后帶來地不同而震驚。推薦圖片中使用“Myriad Pro” 字體,HTML文字中使用“Trebuchet MS”字體進行嘗試。
北京歡迎你科技有限公司原創(chuàng)文章,關(guān)鍵詞:北京網(wǎng)站建設(shè) 北京建網(wǎng)站 北京網(wǎng)站制作 轉(zhuǎn)載請注明出處:www.shanghai2018.cn謝謝!