幫你年底上線!超實(shí)用的網(wǎng)頁設(shè)計(jì)應(yīng)急小技巧

@AnyForWeb_UDC :作為網(wǎng)頁設(shè)計(jì)師,想要保證設(shè)計(jì)水準(zhǔn)的前提下完成客戶的“年底上線”心愿,你能想到的唯一辦法就是…昏天黑地的加班!這對設(shè)計(jì)師來說是一種很煎熬的折磨,今天我們在年末特別呈現(xiàn)網(wǎng)頁設(shè)計(jì)的應(yīng)急小方法,希望能把設(shè)計(jì)師從水生火熱中解救出來。
雖然客戶主觀縮短了設(shè)計(jì)時間,但他們對網(wǎng)頁的要求卻不會因此降低一分一毫,要在短時間內(nèi)設(shè)計(jì)出能讓客戶接受的設(shè)計(jì)稿,你也許需要一些小技巧!
1、讓幾何元素提升網(wǎng)頁Level
一個簡單的幾何元素在網(wǎng)頁設(shè)計(jì)中起到的作用絕對能讓你出乎意料,尤其在應(yīng)對極簡風(fēng)格的網(wǎng)站時效果更佳。設(shè)計(jì),無非是點(diǎn)、線、面的不斷組合搭配,而立體幾何的融入是如此拼搭過程中的一種升華。
2、換個視角看網(wǎng)頁中的世界
整齊劃一的元素排版難免會讓頁面顯得有些沉悶和拘謹(jǐn),但相同的畫面只要稍作角度微調(diào),效果就會大不一樣,整個網(wǎng)頁都變得俏皮靈動起來。如果在視覺上覺得有些別扭,不如借鑒案例中的方法,加入適當(dāng)?shù)臑V鏡效果,讓畫面更自然。
3、真真假假的網(wǎng)頁效果
真實(shí)圖片和虛擬事物圖片的使用都能很有效的提升網(wǎng)頁檔次,但使用時的局限性比較大,網(wǎng)頁的整體風(fēng)格很容易就此封閉在一個小范圍里。而“真假參半”的設(shè)計(jì)方式也許能帶來獨(dú)特的效果,不僅讓網(wǎng)頁更有人情味,也會讓客戶感受到設(shè)計(jì)師的用心。
4、萬能的黃金比例
我們提到過,黃金比例會讓大家的網(wǎng)頁設(shè)計(jì)變得千篇一律,布局方式可以很大程度的體現(xiàn)出一個設(shè)計(jì)師的水準(zhǔn)。但當(dāng)你的設(shè)計(jì)時間很緊迫的時候,萬能的黃金比例能快速幫到你,設(shè)計(jì)師能在此基礎(chǔ)上做一些小創(chuàng)新。如下案例,設(shè)計(jì)師用人物肖像來作為頁面的分界,既達(dá)到了黃金的視覺效果,又讓界限的表現(xiàn)形式更自然流暢。
5、用色彩展現(xiàn)視覺沖擊
最直接的視覺沖擊力一定是由色彩帶來的。色彩的使用是設(shè)計(jì)界永恒的話題,但在時間緊急的時候,設(shè)計(jì)師一定不愿意在選色上花費(fèi)很久,這時,使用對比色是最合適的選擇。對比色在網(wǎng)頁設(shè)計(jì)中的運(yùn)用要點(diǎn)是不能只關(guān)注視覺美觀而已,也要同時注意用戶體驗(yàn)。
6、讓高清大圖背景“決定”網(wǎng)頁風(fēng)格
可能有的網(wǎng)頁設(shè)計(jì)師會覺得,使用了高清大圖作為網(wǎng)頁背景對于客戶來說是一種“偷懶”的行為,其實(shí)不然。這種設(shè)計(jì)方法很考驗(yàn)設(shè)計(jì)師的能力,需要設(shè)計(jì)師在設(shè)計(jì)前事先設(shè)想好一個很完整的藍(lán)圖,與其說讓圖片“決定”風(fēng)格,倒不如認(rèn)為是風(fēng)格“決定”圖片。而之所以將這一方法也納入應(yīng)急技巧,主要因?yàn)檫@種設(shè)計(jì)的可塑性較強(qiáng),如果之后有修改意見,步驟會相對簡單一些。
7、精簡文字并不是一種偷懶行為
人類都是視覺動物,潛意識中都更愿意接受簡單的東西。按照這樣的理論,長篇大論的文字板塊應(yīng)該在網(wǎng)頁設(shè)計(jì)中盡量避免,下面的案例很好的證明了這一點(diǎn)。簡簡單單的一句話反而能令人對之后的內(nèi)容產(chǎn)生好奇心。
8、韻律線帶你提升帶你飛
千萬別不相信,一根線條就能顛覆整個網(wǎng)頁的視覺感受!正因?yàn)樽饔萌绱嗣畈豢裳?,所以被我們親切的稱為“韻律線”。想象一下,如果案例中的頁面缺少韻律線組成的陰影部分,這個網(wǎng)頁會變得再普通不過,而現(xiàn)在則顯得充滿設(shè)計(jì)感。
9、令人不得不愛的Metro風(fēng)
Metro風(fēng)隨著Win8界面的發(fā)布變得漸漸熱門起來,甚至很多國外的電子商務(wù)網(wǎng)站設(shè)計(jì)也紛紛加入Metro的陣營,下面的案例來自韓國的一家電商機(jī)構(gòu)。如果覺得Metro風(fēng)格的設(shè)計(jì)過于緊湊,網(wǎng)格布局也能適當(dāng)借鑒。但基于是應(yīng)急技巧的介紹,Metro的設(shè)計(jì)速度可能會更快一些。
“幫幫忙吧,我們準(zhǔn)備年底上線!”
這是年底節(jié)前最令設(shè)計(jì)師頭痛的催促。有了這篇文章,希望能緩解網(wǎng)頁設(shè)計(jì)師們的“偏頭痛”。
相關(guān)文章
爬蟲是什么?淺談爬蟲及繞過網(wǎng)站反爬取機(jī)制
簡單而片面的說,爬蟲就是由計(jì)算機(jī)自動與服務(wù)器交互獲取數(shù)據(jù)的工具,這篇文章主要想談?wù)勁老x獲取數(shù)據(jù)的這一部分。爬蟲請注意網(wǎng)站的Robot.txt文件,不要讓爬蟲違法,也不要2017-12-18淺談App加載頁面的等待體驗(yàn)設(shè)計(jì)技巧
設(shè)計(jì)師可能無法減少App加載頁面的等待時間,但是可以讓等待時間變得有趣~,本文主要為大家淺淡App加載頁面的等待體驗(yàn)設(shè)計(jì)技巧,有興趣的朋友們就來了解下吧2017-12-15交互好且轉(zhuǎn)化率高的表單設(shè)計(jì)技巧分享
表單無論實(shí)在網(wǎng)頁設(shè)置中,還是在APP、應(yīng)用程序、軟件界面中都被廣泛運(yùn)行,從而一個好的表單設(shè)計(jì)就非常重要了,本文主要為大家分享幾個交互好且轉(zhuǎn)化率高的表單設(shè)計(jì)技巧,有2017-11-20適配iPhone X要點(diǎn):十分鐘快速掌握iPhone X UI界面適配技巧
目前,第一批預(yù)約iPhone X手機(jī)的朋友們已經(jīng)拿到真機(jī)了,目前還沒有適配iPhone X的應(yīng)用運(yùn)營商,相信都在加班加點(diǎn)適配呢,本文為大家?guī)砹诉m配iPhone X的要點(diǎn),讓你十分鐘快2017-11-08如何讓網(wǎng)頁可讀性更強(qiáng)?善用F式布局設(shè)計(jì)增強(qiáng)網(wǎng)頁可讀性方法解答
雖然網(wǎng)頁排版方式千變?nèi)f化,但是布局方式通常都遵循著幾種常見的規(guī)則,F(xiàn)式布局式設(shè)計(jì)能夠增強(qiáng)網(wǎng)頁可讀性,這種說法是有跡可循的,本文就為大家介紹如何運(yùn)用F式布局,有興趣2017-11-08- 在網(wǎng)頁的設(shè)計(jì)中表單都是界面中最常見,也是最重要的組件之一,對于設(shè)計(jì)師、前端和開發(fā)者而言,應(yīng)當(dāng)對于表單的設(shè)計(jì)盡量多上心,讓它們更加易用,細(xì)致的設(shè)計(jì)對于用戶的體驗(yàn)、2017-10-26
登錄頁面怎么設(shè)計(jì)更好?登錄頁面設(shè)計(jì)的15個心理學(xué)策略
有很多東西下意識地影響了我們的日常決策,這里面很多都是微妙的心理因素在起作用,大家都知道用戶體驗(yàn)設(shè)計(jì)跟心理學(xué)相關(guān),甚至?xí)苯佑绊懏a(chǎn)品的轉(zhuǎn)化率,那么,登錄頁面怎么2017-10-10網(wǎng)站評論模塊怎么設(shè)計(jì) 10個關(guān)鍵點(diǎn)告訴你如何設(shè)計(jì)產(chǎn)品評論模塊
網(wǎng)站不僅內(nèi)容很重要,評論模塊同樣也很重要,那么,網(wǎng)站評論模塊怎么設(shè)計(jì)呢?對此,本文就為大家詳細(xì)介紹10個關(guān)鍵點(diǎn)告訴你如何設(shè)計(jì)產(chǎn)品評論模塊,有興趣的朋友們就來了解下2017-09-25網(wǎng)站導(dǎo)航設(shè)計(jì)怎么才是符合搜索引擎優(yōu)化?SEO網(wǎng)站導(dǎo)航建設(shè)技巧分享
搭建網(wǎng)站的任何細(xì)節(jié)都需要考慮到是否利于SEO優(yōu)化,在網(wǎng)站導(dǎo)航設(shè)計(jì)的過程中,我們應(yīng)該怎么樣進(jìn)行操作才是符合搜索引擎優(yōu)化的呢?對此,本文就為大家進(jìn)行簡單解答2017-09-21如何設(shè)計(jì)頁腳才能讓網(wǎng)站更具有競爭力
在做網(wǎng)站設(shè)計(jì)的過程當(dāng)中,很多人可能會對于頁腳這個方面產(chǎn)生忽略,但是實(shí)際上在我們平時的使用下來的整體的分析數(shù)據(jù)表明,頁腳對于一個網(wǎng)站來說還是有非常重要的作用的,那2017-09-04