超碰av在线|无码精品一区二区三区在线|伊人色色日韩一级片内射视频群批_欧美丰满少妇人妻HD高清在线_亚洲一区二区中文_亚洲无码动漫专区

扔掉黃金比例,網(wǎng)頁布局還能這樣做!

2014-11-20    藍(lán)藍(lán)設(shè)計的小編

藍(lán)藍(lán)設(shè)計( www.miumiuwan.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點(diǎn)這里

曾經(jīng)有人說過,“布局雖然只是內(nèi)容的表現(xiàn)形式,但卻能決定瀏覽者對內(nèi)容的態(tài)度”,從這句話中就足以看出布局在設(shè)計中的重要性。

從網(wǎng)頁的布局中就能看出一個設(shè)計師的設(shè)計水準(zhǔn),以往的網(wǎng)頁布局大家都會依照黃金比例的原則去排版設(shè)計,所以大多數(shù)網(wǎng)頁也都千篇一律,而現(xiàn)在,中規(guī)中矩的網(wǎng)頁布局已經(jīng)不由得讓瀏覽者產(chǎn)生了視覺疲勞,因此必須做出一些改變,以此來順應(yīng)未來的設(shè)計趨勢,在布局中加入更多的創(chuàng)意。

以下案例是為大家搜集的網(wǎng)頁布局相關(guān)案例,希望能為大家?guī)盱`感。

1.第一個案例是U2 Lighting定制的展示型官方網(wǎng)站。網(wǎng)站的排版布局比較簡約大氣,在加上“零線框”的處理,讓整體看起來更舒適。設(shè)計師利用黑與亮的反差突出了產(chǎn)品的特色,同時制造出時尚神秘的氛圍。

2.Syropia的網(wǎng)站看起來會有點(diǎn)亂,但是單從布局上來講其實(shí)并沒有什么問題,而造成頁面雜亂的主要原因在于設(shè)計師使用了過多的修飾性元素,比如字體,幾何元素等。從這個案例中我們可以看出,再簡單的布局也無法中和過多的修飾。

3.這個網(wǎng)站的布局方式比較少見,從整體來看層疊有序統(tǒng)一。設(shè)計師將重要的文字內(nèi)容浮在濾鏡背景上方,搭配高透明度的色塊更加增強(qiáng)了這些文字的閱讀性,小細(xì)節(jié)成就的效果讓頁面結(jié)構(gòu)變得更加清晰。

4.方形的圖案能給人一種正式、規(guī)則的感覺,對稱的效果也加深了整個網(wǎng)頁的平衡感和協(xié)調(diào)性。文字與圖片之間的安排錯落有致,留白的面積和頁面整體單色調(diào)的使用也很適中,瀏覽時給人以一種溫和的感覺。

5.這個案例使用了真實(shí)的人物背景,使用人物背景的網(wǎng)頁的布局一般都很極簡,在色彩上也不會采用很多的顏色來修飾,因此需要一些元素的幫助讓網(wǎng)頁更有邏輯,卡片式的設(shè)計理念就很好的填補(bǔ)了這方面的空白,讓頁面看起來不再單調(diào)。

6.這個案例使用的是圖片環(huán)繞文字的布局方式,圖片數(shù)量多容易造成瀏覽時忽略文字內(nèi)容,因此設(shè)計師將主文字字體加粗,按鈕采用幽靈設(shè)計,既不顯得很突兀,也與網(wǎng)站整體基調(diào)很相符。

7.BENJ&SOTO是一個國外的電子商務(wù)網(wǎng)站,一般來說,電商網(wǎng)站都是中規(guī)中矩的,各大網(wǎng)站在形式上基本沒有什么很大的出入,尤其是商品詳情頁,排列的順序都表現(xiàn)出驚人的相似。而案例中的網(wǎng)站卻打破了這樣的常規(guī)布局方式,商品的左側(cè)是一些基本信息;右側(cè)以圖片為主,給用戶一種更加全方位了解商品的心理感受。

8.該案例的設(shè)計理念來源于教室中的黑板形象,布局上也體現(xiàn)了一些層疊感,粉筆效果也讓臨時信息的展示變得很自然親和。

9.網(wǎng)頁設(shè)計中的圓形元素能自然的給人一種柔和溫暖的安全感,案例中的漢堡圖標(biāo)也融入了這一元素。大片的文字會令網(wǎng)頁顯得有些沉悶,幾何圖案正好彌補(bǔ)了這一點(diǎn)。

10.這個網(wǎng)站采用了網(wǎng)格布局的設(shè)計,讓網(wǎng)頁變得更加干凈整潔。雖然內(nèi)容種類很多,文字、圖片,甚至流媒體,但是合理的布局讓這些內(nèi)容絲毫不凌亂。

網(wǎng)頁布局在網(wǎng)頁設(shè)計中起到了很大的作用,不僅能讓網(wǎng)頁整體看起來更協(xié)調(diào),還能提升網(wǎng)站本身內(nèi)容的質(zhì)量。

分享本文至:

日歷

鏈接

個人資料

藍(lán)藍(lán)設(shè)計的小編 http://www.miumiuwan.com

存檔