單頁(yè)最早出現(xiàn)在平面設(shè)計(jì)中，設(shè)計(jì)師通過(guò)用不同尺寸、材質(zhì)的紙張，在僅有的正面和反面上進(jìn)行自由設(shè)計(jì)的過(guò)程，主要用在折頁(yè)、宣傳單、海報(bào)中 。
電商領(lǐng)域的單頁(yè)設(shè)計(jì)，更像是對(duì)平面單頁(yè)在使用環(huán)境上的升級(jí)，它不僅擁有平面設(shè)計(jì)中的所有設(shè)計(jì)規(guī)律，更有著網(wǎng)站設(shè)計(jì)的很多特點(diǎn)，比如：可以利用新的視差滾動(dòng)和H5的技術(shù)，來(lái)使頁(yè)面與人的交互更密切，也使得用戶(hù)在瀏覽頁(yè)面時(shí)，更像是在閱讀一個(gè)故事 。
它主要出現(xiàn)在一些促銷(xiāo)類(lèi)的活動(dòng)頁(yè)面、產(chǎn)品介紹頁(yè)、店鋪首頁(yè)等需求中 。
整體專(zhuān)題設(shè)計(jì)的“冰糖葫蘆原則”
【9個(gè)專(zhuān)題頁(yè)面的網(wǎng)站設(shè)計(jì)技巧?！?/strong>
在設(shè)計(jì)單頁(yè)的專(zhuān)題時(shí)，為了讓首屏到次屏再到內(nèi)容區(qū)間的視覺(jué)更加的連貫和流暢，就要充分利用好局部對(duì)比和整體關(guān)系來(lái)使頁(yè)面效果更加的完整 。
以下是我在工作中總結(jié)了幾點(diǎn)做專(zhuān)題單頁(yè)時(shí)的技巧;
1 先是單頁(yè)的點(diǎn)，這里指的是切入點(diǎn) 。
專(zhuān)題單頁(yè)中的切入點(diǎn)就是整體頁(yè)面中的主線 。平面理論中的點(diǎn)用來(lái)聚焦、發(fā)散、吸引人們的注意力 。
2 再是單頁(yè)的線，線具有連接、引導(dǎo)的作用 。
專(zhuān)題單頁(yè)中的線用于引出故事的情節(jié); 運(yùn)用一些藝術(shù)化的表達(dá)方式，來(lái)給頁(yè)面增加一些趣味性和裝飾性；
3 最后是單頁(yè)的面，用于整體風(fēng)格的設(shè)計(jì) 。
這里的指的是對(duì)整張頁(yè)面的完成度;
單頁(yè)設(shè)計(jì)不要局限于完成首屏設(shè)計(jì)或者某個(gè)單一元素的設(shè)計(jì)中 。
它強(qiáng)調(diào)的是從頭到尾、(首屏到次屏再到內(nèi)容區(qū)，再到最底部)、從局部到整體的一種視覺(jué)聯(lián)系 。
接下來(lái)是我整理的9個(gè)專(zhuān)題單頁(yè)的技巧，主要是一些大的理論點(diǎn)，大家結(jié)合著自己的專(zhuān)題去思考吧 。
1、頭圖有個(gè)點(diǎn)，下面設(shè)計(jì)才好接
頭圖元素的設(shè)計(jì)不分楚河和漢界 。
不能只抱著做個(gè)頭圖就完事的想法去做單頁(yè)面，要讓頭圖視覺(jué)和下面的內(nèi)容有聯(lián)系 。
打破首屏(就是俗稱(chēng)的頭圖)與次屏在設(shè)計(jì)上有明顯的顏色條分隔、形式分隔、線分隔等 。
2、承上啟下很重要，頁(yè)面有頭也有尾
所謂的承上啟下，就是說(shuō)頁(yè)面中要有一個(gè)貫穿整體的主要元素，去構(gòu)成整張頁(yè)面的視覺(jué)焦點(diǎn) 。
讓元素頭尾呼應(yīng)，上下連貫 。
3、背景顏色要整體，慎用色塊“切豆腐”
盡量不要用色塊進(jìn)行頁(yè)面內(nèi)容的分區(qū)，整體的單頁(yè)設(shè)計(jì)大多用的是單一顏色的背景 。
對(duì)于一些平臺(tái)型的活動(dòng)單頁(yè)來(lái)講，我們常看到一些用不同色塊分區(qū)的設(shè)計(jì) 。當(dāng)然，這樣的處理方式是為了更好的分出不同的活動(dòng)內(nèi)容，也是做為設(shè)計(jì)的表現(xiàn)形式 。
對(duì)于品類(lèi)專(zhuān)題、店鋪首頁(yè)來(lái)說(shuō)多色塊的分隔顯然整體性會(huì)差一些 。
4、由點(diǎn)到面整體感，切記東拼和西湊
上面講到元素的重復(fù)出現(xiàn)是為了更好的連接由點(diǎn)到面的整體感;
但是出現(xiàn)在整體中的元素或東拼西湊、或風(fēng)格千奇百變的話，那么單頁(yè)的整體性還是會(huì)大大折扣 。
無(wú)論從排版上、字體選擇上、按鈕樣式、色彩等方面都要做到一致性，這樣的單頁(yè)才是整體的 。
5、一眼看完3屏多，不做留白就得暈
單頁(yè)因其把所有信息和元素都集中表現(xiàn)在一整張頁(yè)面中，所以單頁(yè)設(shè)計(jì)也注定是能超過(guò)3屏以上的頁(yè)面設(shè)計(jì) 。
既然是長(zhǎng)版的整體頁(yè)面，信息量又都很大，那就應(yīng)該對(duì)每屏間的高度適當(dāng)控制，既要保持屏與屏之間的可呼吸性和留白，給人們放松和喘息的空間 。
留白并不是特指白色哦!
在使用留白時(shí)，要注意不要因?yàn)轫?yè)面有留白和大空隙的出現(xiàn)，使得整體視覺(jué)的連接上，出現(xiàn)視覺(jué)斷點(diǎn)的情況 。要盡量做到屏內(nèi)可緊、屏外可松，讓整體頁(yè)面充滿(mǎn)節(jié)奏感 。
推薦閱讀
- 一個(gè)專(zhuān)業(yè)的網(wǎng)站建設(shè)具備的幾個(gè)點(diǎn)
- 關(guān)于專(zhuān)業(yè)網(wǎng)站建設(shè)的介紹！
- 網(wǎng)站開(kāi)發(fā)為什么要找專(zhuān)業(yè)人員
- 公司網(wǎng)頁(yè)制作，需要專(zhuān)業(yè)人士
- 網(wǎng)站價(jià)格---專(zhuān)業(yè)知識(shí)的運(yùn)用的不同
- 一個(gè)專(zhuān)業(yè)的網(wǎng)站建設(shè)需要具備什么？
- 網(wǎng)絡(luò)建設(shè)應(yīng)該更加專(zhuān)業(yè)
- 選擇專(zhuān)業(yè)團(tuán)隊(duì)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)的重要性
- 如何辦網(wǎng)站沒(méi)有專(zhuān)業(yè)的美工技術(shù)寸步難行
- 公司網(wǎng)頁(yè)設(shè)計(jì)，需要專(zhuān)業(yè)人士