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

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

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