“高逼格”網(wǎng)頁設(shè)計的經(jīng)驗要素
隨著人們?nèi)找嬖鲩L的高標(biāo)準(zhǔn)需求,使得各行各業(yè)對于、"高大上"的討論愈來愈普遍!同時也使得設(shè)計得以更加重視,不再滿足于傳達信息,更要求達到有品牌感、有內(nèi)涵、有格調(diào)的視覺效果!
在談到網(wǎng)頁"逼格"之前,先引用"唐納德·諾曼"的一句關(guān)于網(wǎng)頁的描述:
"網(wǎng)頁必須是吸引人的,有效的可理解的,令人快樂和有趣的。"
誠然,好的網(wǎng)頁必然是針對性的服務(wù)于它的用戶,100%為它的用戶群進行合理的設(shè)計,所以對于一個網(wǎng)頁而言,是否具有,不僅僅在于視覺美觀與否,還應(yīng)該擁有更好的用戶體驗,更實用的網(wǎng)頁功能,還應(yīng)該具有網(wǎng)頁"獨特的個性"。本文僅從視覺層面探討網(wǎng)頁的獨特!
外觀視覺永遠是用戶接觸一個網(wǎng)頁一個物體第一步的過程,提升網(wǎng)頁的視覺格調(diào)對用戶能起到更好的吸引、提升用戶對網(wǎng)頁的喜愛程度,也能夠升華網(wǎng)頁的內(nèi)涵和文化品牌感!但是卻也不能一味的追求超脫于網(wǎng)頁目前本身定位的視覺效果,例如一個新網(wǎng)頁剛起步,受眾面還很小,此時一味的把網(wǎng)頁打造成千萬級用戶類型的網(wǎng)頁,只會顯得網(wǎng)頁本身空洞空虛,沒有足夠的數(shù)據(jù)作為背后支撐,那這個設(shè)計必然是考慮不全,甚至是失敗的,所以合理的追求網(wǎng)頁目前定位進行設(shè)計,逐步提升網(wǎng)頁的視覺內(nèi)涵,才是更為重要的。
說了很多理論的東西,下面介紹一些個人對于合理的視覺設(shè)計的看法。
一、"逼格"是有趣
對于一個網(wǎng)頁從最初定位到落案執(zhí)行,必然是已經(jīng)深思熟慮的結(jié)果,好的網(wǎng)頁必然是有趣能吸引用戶的,而最終到設(shè)計師手上,也必須通過視覺來展現(xiàn)這一有趣的效果!
(圖片來源于網(wǎng)絡(luò)-我的天氣 app截圖)
"我的天氣"app是我見過的天氣類設(shè)計中最有趣味性的,它的有趣不全在于好玩,而是它并沒有運用大塊的背景來展示天氣的變化,而是把設(shè)計集中在精致的icon上,而且針對于不同的主題,設(shè)計了不同風(fēng)格icon,讓視覺更貼于生活化,同時精致的排版以及個性的字體使用加上舒心的色彩運用,呈現(xiàn)了一個"特別"的天氣預(yù)報界面!
(圖片來源于網(wǎng)絡(luò)-其他主題設(shè)計截圖)
二、"逼格"是呼吸自然
看一個設(shè)計是否舒服,其一要看色彩,其二在于留白,欣賞一個設(shè)計就像在呼吸一口空氣,污濁的空氣必然會讓人屏住呼吸,同樣設(shè)計的臃腫也會讓人心情壓抑,所以設(shè)計留白是必不可缺的。
(圖片來源于網(wǎng)絡(luò))
這個web設(shè)計在留白上做到了很合理,主體網(wǎng)頁的文案合理排版,沒有過多的文字描述,也沒有過多的背景鋪墊,簡約的背景處理,重點突出網(wǎng)頁本身,空間上留有更多的區(qū)域,不僅沒有浪費,反而更好的體現(xiàn)了網(wǎng)頁,整體閱讀下來呼吸順暢,自然舒適!
三、"逼格"是高貴冷艷,亦是清新活潑的氣質(zhì)
部分設(shè)計師在體現(xiàn)的時候通常會表現(xiàn)為更深邃的背景,更強的質(zhì)感,更亮眼的點睛色,以此達到一種深邃大氣的高貴冷艷的效果,誠然這是一種表達方式,但卻不是唯一的方式,清新活潑也可以更有格調(diào)。
(圖片來源于網(wǎng)絡(luò))
暗色的背景凸顯了整體深遠高貴的品質(zhì),純白的文字加上極高的排版技巧,使得信息傳遞直觀,視覺高貴大氣!
(圖片來源于網(wǎng)絡(luò))
完美的色彩搭配,個性的插畫設(shè)計,純白的底色背景,清新舒適的氛圍躍然眼簾,氣質(zhì)獨特,不言而喻!
四、"逼格"是不同尋常
不同尋常不代表是"殺馬特",更應(yīng)該是區(qū)別于大眾化具有自己鮮明特點,文化內(nèi)涵的表現(xiàn)?;ヂ?lián)網(wǎng)的興起讓早期各類第三方服務(wù)公司賺了一筆,很多公司宣傳著實力雄厚,人才眾多,高端的設(shè)計服務(wù),然而在對待自家官網(wǎng)宣傳的設(shè)計中,往往大同小異,無法跟自己的宣傳達到一致,一定程度上讓一些客戶望而卻步,例如最凸顯自己相關(guān)服務(wù)的欄目設(shè)計上,有逼格的公司往往會更注重服務(wù)項目在視覺上的不同尋常 ,概念文化!
(圖片來源于網(wǎng)絡(luò))
偏概念化的設(shè)計,不同尋常的icon視覺,使得自己公司本身的設(shè)計能力和創(chuàng)新能力更得以高度展現(xiàn),瞬間拉開了和大眾化的設(shè)計公司的距離,"逼格"自然爆表!
(圖片來源于網(wǎng)絡(luò))
亦是偏概念化的icon設(shè)計,僅通過線條和圓圈組成不同的形狀,配以文案說明,更獨特的感覺自然而然便產(chǎn)生了!
(圖片來源于網(wǎng)絡(luò))
當(dāng)看多了大同小異的電商平臺后,突然欣賞到這樣一個獨特排版和氣質(zhì)的電商設(shè)計時,你是否會感到很慶幸很開心呢?大塊的圖片排版不僅展示了精美的商品,同時整體上也帶來了不一樣的視覺感受,獨特卻并不雜亂,"逼格"自然展現(xiàn)!
五、"逼格"是細(xì)節(jié)爆表
任何設(shè)計想要達到更高水準(zhǔn),更好的視覺氣質(zhì),必然要把細(xì)微的地方做到極致,色彩的搭配,對比的張弛有度,字體的合理選擇,元素間距的細(xì)微把握,統(tǒng)一有序的圖標(biāo)設(shè)計等等,細(xì)節(jié)無法做到高標(biāo)準(zhǔn),再怎么凸顯氛圍,再怎么獨特的排版也是徒勞無功!做好基本功才是的最有力支撐!
想了解更多網(wǎng)站技術(shù)的內(nèi)容,請訪問:網(wǎng)站技術(shù)