分享下2015年的網頁布局有哪些新的下見創意
2015-04-29 | 所屬好請分類: 新聞動态 > 經(jīng)驗之談 > | 傳揚科技
每年都(dōu)會(huì)有一些新的網頁布局創意産腦務生，而使一些較老的布局方案淘汰。毫無疑問，場山2015年的網頁布局是要響應各劇紙種(zhǒng)終端設備。實際上，這(zhè)種(zh放山ǒng)趨勢早在2010年就(jiù)在國(guó)外開(kāi)始蔓延，我器音們可以
2015-04-29 | 所屬好請分類: 新聞動态 > 經(jīng)驗之談 > | 傳揚科技
每年都(dōu)會(huì)有一些新的網頁布局創意産腦務生，而使一些較老的布局方案淘汰。毫無疑問，場山2015年的網頁布局是要響應各劇紙種(zhǒng)終端設備。實際上，這(zhè)種(zh放山ǒng)趨勢早在2010年就(jiù)在國(guó)外開(kāi)始蔓延，我器音們可以
每年都(dōu)會(huì)有一些新的網頁布局創意産生，而使一些藍近較老的布局方案淘汰。毫無疑問，2015年的網頁布局是如笑要響應各種(zhǒng)終端設備。實際上，這(zhè)種匠紙(zhǒng)趨勢早在2010年就子好(jiù)在國(guó)外開(kāi)始蔓延飛身，我們可以預見的是，它在未來仍將(jiāng)是網頁布局的核心方案討照。
當然，這(zhè)并不意味著(zhe)網頁布局必須朝著(zhe)同一個樹老标準化結構進(jìn)行設計，相反，可能(néng)會(hu開計ì)有更多、更靈活的布局方式産生。有河在2015年，我們至少确定了網頁布局發(fā)展的四個趨勢，你可以從這(中議zhè)些布局中找到最好(hǎo)的靈感，作她們爲你網頁設計的起(qǐ)點。
1. 橫向(xiàng)分割屏幕的網頁布局
橫向(xiàng)分割屏幕是指文船在網頁設計時(shí)，將(jiāng)屏幕分爲左右兩(liǎng)個部分，這(z身外hè)兩(liǎng)個部分的寬高通常是相同西又的，且保持垂直橫向(xiàng)排雨低列。這(zhè)麼(me)做的主要原因有兩(舞話liǎng)點：
(1) 同時(shí)顯示兩(liǎng)個重要的特征。這(zhè)種(z子國hǒng)情況經(jīng)常發(fā)生在遠費企業推廣産品或服務時(shí)，有兩(liǎng)個同樣(yàng)重自北要的賣點或特性需要展示在頁面(miàn)上。例如，出版系統，即有朋服利于出版商，又有利于讀者。通過(guò)這(zhè)種(zh看熱ǒng)網頁布局方式，設計師不需要區分主要或次要不到元素，而訪客會(huì)自覺關注什麼(me)對(duì)自己更重要。
(2) 表達一個二元性的想法。將(jiāng)屏幕一分爲二，在設商個計上可以創建兩(liǎng)個互不影響的空熱服間，可以專注于不同的主題，甚至兩(liǎng)個不同的産品。有時(shí舊還)這(zhè)種(zhǒng)網頁布局方式還(hái)可以突出顯示兩(liǎ文中ng)個互爲相反的特征。
我們來看 Desktime 首頁的網頁布局，他們將(ji子哥āng)頁面(miàn)分爲左右兩(liǎn學費g)部分，左側用于滿足有空閑辦公室要出銀光租的用戶，右側滿足還(hái)沒(mé弟家i)有自己的辦公室，要尋租的用戶。這(zhè)將(jiāng)網站上兩(liǎng)個同樣(yàng)重要的功能(néng)有呢技效地展示了出來。
Eight&Four，是一家數字營銷公司，他們也將(jiāng上聽)主頁一份爲二，網頁設計基于白色和一個平面(miàn)顔色的對關是(duì)比方式。這(zhè)裡(lǐ)用來表達兩(l線信iǎng)個不同的特性，在頁面(在湖miàn)上分别展示。
2. 自由盒子的網頁布局 ( Container吧冷-Free )
事(shì)實上，這(zhè)是小厭一種(zhǒng)極簡主義的網頁布局方式，它的布局理念是盡可能(n對做éng)地消除圖形結構，取而代之的是更錯裡加自由和開(kāi)放的風格。它常常使用簡單的線性結構，甚通文至隻采用個性字體的文字進(jìn)行在鄉布局。
從 FOREWORD 的主頁上可以清晰地看到，他工弟們將(jiāng)總部設在巴黎和紐約，頁空門面(miàn)上沒(méi)有任何圖形圖像設計，隻通過(guò)開(k說廠āi)放式的字體和顔色的設計來告訴用戶他們該關注什麼(me)。
當然，極簡主義的網頁布局并不是完全不能(néng)使用圖像，用厭例如我們也可以添加一張大背景圖朋美，來達到視覺沖擊的效果。這(z金輛hè)類似于我們前面(miàn)分享的《大道(dào)至簡！欣賞18款極簡設計風格的網站》一文。
3. 塊狀網格的網頁布局
我們必須在這(zhè)裡(lǐ)指出，網格結構的布局方式非常容易創建響應藍玩式網站。這(zhè)種(zhǒng)網頁布局中草子的每個“塊”將(jiāng)包含一個特定的内容，它可能(néng)是一個标題、電什一個圖像或一行文本。
每個“塊”的尺寸是統一的，且可以靈活改變寬高以适應各種影事(zhǒng)大小的屏幕。這(zhè)使來少得“網格布局”成(chéng)爲一種(zhǒng)非常通用的網頁布局模購道式，它可以有效地用于PC網站或移動應用程序。
GREATS 是一家位于紐約的男鞋銷售企業，他們的産品也海銷售主要通過(guò)網站。GREATS 的網站選擇了網格布局方式，在主頁堆疊模塊，每個模塊顯示一雙鞋子的白樹圖像。
4. 單一屏幕的網頁布局
這(zhè)種(zhǒng)設計趨勢我們在睡這過(guò)去已經(jīng)看到愛窗過(guò)很多了，即網站是基于一個大的背景圖像進(jìn)行設計的，并且總能(néng)适應吧讀各種(zhǒng)終端屏幕。通常，這(zhè)類網站非常簡單，他們傾向(xiàng)于簡約的設計感覺。草業
然而，這(zhè)種(zhǒng)趨勢的一個重要特征是——沒(méi)有道林網頁滾動條。換句話說(shuō)，這(zhè)些網站總是采取單一屏幕，也就(jiù)是一屏以内的網頁布局方就科式。
因爲可用空間是有限的，這(zhè)要求設計師必須有一個清晰的内民農容布局方案，而且要特别注意屏幕高度的相哥制關信息。大多數情況下，圖像會(huì)成(些紅chéng)爲主導設計，利用其展示産品或喚起(qǐ)訪客的情感。
Shamballa Jewels 是一睡湖家經(jīng)營珠寶首飾的公司，該網站用一個獨特頁面(miàn)來展示他們的産品，這(zhè)對白個頁面(miàn)沒(méi)有滾動條，且完全充滿整個屏幕討術。
該網站一個吸引人的地方是，背景總是在不停地切換，實際上，他們也街員同時(shí)使用了“橫向(xiàng)分割屏幕”的網頁布局手法，來土銀配合圖像的交替效果。
友情鏈接
