盤點(diǎn)：2015年電商設(shè)計(jì)6大流行趨勢(shì)

盤點(diǎn)：2015年電商設(shè)計(jì)6大流行趨勢(shì)

近十年來，互聯(lián)網(wǎng)已經(jīng)發(fā)生了翻天覆地的變化，然而它其實(shí)一點(diǎn)也沒變。如果看看10年前，我們會(huì)發(fā)現(xiàn)大批網(wǎng)站都有一套通行的排版模式。頁頭丶頁腳丶側(cè)邊欄和內(nèi)容區(qū)域，構(gòu)成了這種直截了當(dāng)?shù)牟季?。這是人們預(yù)期中的網(wǎng)頁排版。同時(shí)期MacromediaFlash的興起，引領(lǐng)其他排版方式進(jìn)入了一個(gè)新的時(shí)代。布局不必再拘泥于固定格式。當(dāng)然，隨著FLASH的衰退，這種方式也稍稍淡出……我說稍稍，是因?yàn)樗缃裼志硗林貋砹恕Ｈ绻阊芯恳粋€(gè)流行的作品集網(wǎng)站，里面展示了當(dāng)今的網(wǎng)頁設(shè)計(jì)。毫無疑問，你會(huì)注意到網(wǎng)頁的基本結(jié)構(gòu)千變?nèi)f化，根本沒有固定形態(tài)。它可以伸縮變化成任何所需的東西。我認(rèn)為這是響應(yīng)式網(wǎng)頁設(shè)計(jì)帶來的最棒的副產(chǎn)品。事實(shí)上，新的準(zhǔn)則，就是根本沒有固定準(zhǔn)則。下面，你會(huì)看到有趣的非常規(guī)排版趨勢(shì)大雜燴，希望它能給你帶來啟發(fā)，幫助你構(gòu)思網(wǎng)頁設(shè)計(jì)的基本結(jié)構(gòu)。咱們現(xiàn)在就來揭秘……1丶充滿創(chuàng)意的布局方式近幾年的趨勢(shì)也許都會(huì)圍繞著創(chuàng)意來展開，2015年當(dāng)然也不例外，而網(wǎng)頁布局設(shè)計(jì)卻很難推陳出新，大多都千篇一律，因此一旦布局上有一些別致的小變化，就能讓用戶眼前一亮。但在刻意創(chuàng)新的同時(shí)，設(shè)計(jì)師還是應(yīng)該遵循用戶視覺感官的體驗(yàn)，保持瀏覽的視線路徑始終流暢。1.1屏幕分割法：通過研究此類案例，我發(fā)現(xiàn)利用垂直分隔線來分割屏幕主要有兩點(diǎn)原因：原因1：有時(shí)候在一套設(shè)計(jì)中，的確存在兩個(gè)同等重要的主體元素。網(wǎng)頁設(shè)計(jì)的通常方法，是按照重要性給內(nèi)容排序。然后重要性會(huì)體現(xiàn)在設(shè)計(jì)的層次和結(jié)構(gòu)上。但如果你就是主推兩樣產(chǎn)品呢？這種方式，可以讓你突出兩者，并讓用戶迅速在其中做出選擇。原因2：更加具有頁面視覺沖擊力1.2丶巧妙運(yùn)用大圖背景越來越多的網(wǎng)站選擇使用高質(zhì)量的大圖放在網(wǎng)站的首頁，以增強(qiáng)視覺沖擊力。高清大圖的使用是一種不過時(shí)的趨勢(shì)，當(dāng)然，使用大圖像要考慮帶寬流量和服務(wù)器問題，合理優(yōu)化是首要。圖片運(yùn)用真實(shí)化的，也能有效的提升客戶的信任感。網(wǎng)頁中的某一部分引入注目，大多數(shù)情況下也許是圖片起了作用。2015年，大圖片背景將會(huì)被逐漸被廣泛的運(yùn)用起來，不僅限于一些比較潮流個(gè)性的網(wǎng)站，很多創(chuàng)意公司和即將面臨國(guó)際化挑戰(zhàn)的企業(yè)官方網(wǎng)站也都會(huì)開始愿意嘗試這種大氣自由的背景設(shè)計(jì)?！敬蠹叶际煜さ那D丶昵圖等等就不說了，分享幾個(gè)新鮮的！】1.3丶情感化設(shè)計(jì)在網(wǎng)頁上，巧妙的設(shè)計(jì)方式會(huì)給人留下深刻的印象，在情感上會(huì)越發(fā)喜歡這種構(gòu)思巧妙的產(chǎn)品，這種巧妙的設(shè)計(jì)方式會(huì)給人們的生活帶來愉悅感，從而排解了人們來自不同方面的壓力，所以得到用戶的青睞。實(shí)際上，用戶很排斥冷冰冰沒人情味的東西，尤其是在網(wǎng)上。因此，你會(huì)看到一些創(chuàng)業(yè)公司不僅擁有內(nèi)容優(yōu)雅的網(wǎng)站，而且賦予了公司人情味，正是憑借這一點(diǎn)，這些公司脫穎而出。友愛俏皮丶有點(diǎn)厚臉皮的設(shè)計(jì)和圖片便是你與客戶建立交流的橋梁。2丶將“極簡(jiǎn)主義”進(jìn)行到底“LessisMore”是許多設(shè)計(jì)者的口頭禪，在設(shè)計(jì)領(lǐng)域中，很多人都認(rèn)同一切從簡(jiǎn)的思想。畢竟設(shè)計(jì)只是增強(qiáng)視覺的手段，簡(jiǎn)化網(wǎng)頁設(shè)計(jì)是將復(fù)雜的東西濃縮簡(jiǎn)化成簡(jiǎn)單的東西，當(dāng)然在簡(jiǎn)化的同時(shí)，不能丟掉有價(jià)值的東西。客戶不喜歡在瀏覽網(wǎng)頁時(shí)，被混淆或者感覺到對(duì)網(wǎng)頁失去控制。讓客戶把更多的時(shí)間花在閱讀主要內(nèi)容上，界面設(shè)計(jì)上要讓他們方便找到自己需要的東西。簡(jiǎn)化網(wǎng)頁設(shè)計(jì)可以從網(wǎng)頁的簡(jiǎn)潔性丶可讀性和網(wǎng)頁要突出的重點(diǎn)來入手。3丶一屏展現(xiàn)這是響應(yīng)式設(shè)計(jì)的一個(gè)分支，因?yàn)樗鼤?huì)適應(yīng)屏幕尺寸。不過在這個(gè)絕佳案例中，整個(gè)設(shè)計(jì)的適應(yīng)方式完完全全吻合屏幕，沒有產(chǎn)生滾動(dòng)條。沒有滾動(dòng)，意味著內(nèi)容必須極度聚焦，而且要建立清晰的內(nèi)容層次。網(wǎng)站的聚焦能力和清晰程度，令人耳目一新。4丶故事化設(shè)計(jì)無數(shù)網(wǎng)頁之中，總有那么一些網(wǎng)站華麗而富有趣味性，在瀏覽時(shí)讓我們眼前一亮。它們?cè)诔浞秩谌雱?dòng)畫丶游戲丶甚至是與眾不同的交互操作而使網(wǎng)站效果令人愛不釋手，讓網(wǎng)頁從平面變立體，從靜態(tài)變得有故事有情節(jié)。5丶冷色調(diào)和鮮艷顏色的使用被廣泛接受一直以來，冷色調(diào)丶鮮艷的顏色與單一的顏色這三種顏色主題都廣受認(rèn)可，單從顏色上來講，這三種顏色風(fēng)格也并駕齊驅(qū)，所以具體使用哪一種顏色主題還是要根據(jù)不同的項(xiàng)目定位。5.1丶冷色調(diào)的使用5.2丶鮮艷顏色的使用6丶強(qiáng)調(diào)性的字體簡(jiǎn)單的字體設(shè)計(jì)卻牽動(dòng)著整個(gè)網(wǎng)頁的氛圍。預(yù)計(jì)近幾年，極簡(jiǎn)風(fēng)格的設(shè)計(jì)會(huì)成為主流，因此網(wǎng)頁中文字內(nèi)容的數(shù)量也會(huì)相應(yīng)的減少，所展現(xiàn)的文字都是相對(duì)比較重要的內(nèi)容，而獨(dú)特的字體無疑是突出重點(diǎn)的最佳格式。不僅如此，強(qiáng)調(diào)性的字體設(shè)計(jì)結(jié)合大圖片背景能營(yíng)造出雜志風(fēng)格的網(wǎng)頁設(shè)計(jì)，更加隨性自然?！究偨Y(jié)】2015年的網(wǎng)頁設(shè)計(jì)大勢(shì)很大程度