杭州春華教育

平面設(shè)計(jì)師間的差距是什么？

平面設(shè)計(jì)師間的差距是什么?今天我們從從兩個(gè)維度方面來談?wù)劇獙?shí)力，時(shí)間。

實(shí)力：同一屆入行的平面設(shè)計(jì)師之間也會(huì)有很大的差距。

天賦、學(xué)校、科班出身、有編程能力、研究生、運(yùn)氣、人脈等等標(biāo)簽都屬于和別人競爭的資本。

隨著每個(gè)人的努力和時(shí)間流逝，雪球有可能越滾越大，后面可以發(fā)現(xiàn)同齡的設(shè)計(jì)師可能 已經(jīng)是總監(jiān)，設(shè)計(jì)專家了，還有一些仍是低階設(shè)計(jì)師，差距越來越明顯。

時(shí)間：一般來講，高階設(shè)計(jì)師和低階設(shè)計(jì)師******明顯的差距應(yīng)該是工作經(jīng)驗(yàn)，當(dāng)然也 有特別出色的年輕設(shè)計(jì)師憑著天賦和努力很早成為高階設(shè)計(jì)師。

高階設(shè)計(jì)師長時(shí)間在該領(lǐng)域耕耘，研究競品迭代產(chǎn)品，在經(jīng)驗(yàn)上是比剛工作的設(shè)計(jì)師有 一定優(yōu)勢的，犯的錯(cuò)誤也會(huì)比低階設(shè)計(jì)師少一些，但也不代表高階設(shè)計(jì)師就比低階設(shè)計(jì)師優(yōu)秀，時(shí)間上的鴻溝只能**加倍的努力去超越。

平面設(shè)計(jì)綜合課程

平面設(shè)計(jì)綜合階段
Ps	1.介紹軟 件（應(yīng)用領(lǐng)域、優(yōu)勢）/軟件界面與設(shè)置/視圖縮放與移動(dòng)/選擇工具/屏幕顯示模式/包裝效果圖/選區(qū)自由變換/保存格式/文字（文字海報(bào)）/ 形狀工具（繪制簡單形狀）/填充（前景色、背景色）
	2.色 彩基礎(chǔ)知識(shí)/色階/曲線/ 亮度對(duì)比度等/色彩平衡/色相飽和度/可選顏色/畫布大小調(diào)整/建立快速蒙版/LAB顏色模式
	3.軟件界面/軟件基本設(shè)置/導(dǎo)入圖片/視圖 的基本操作/調(diào)色命令/文件導(dǎo)出
	4.光影知識(shí)/涂抹、銳化、模糊工具/加深、 減淡工具/消失點(diǎn)，液化濾鏡、仿制源/漸變工具、吸管工具/膚色調(diào)整/色彩知識(shí)（色彩搭配訓(xùn)練）
	5.素描三大關(guān)系/色彩構(gòu)成/透視/產(chǎn)品修圖 案例
	6.基礎(chǔ)摳圖工具/基本形狀工具/鋼筆工具/ 文本工具/字體排版技巧/變形變換
	7.抽出命令/通道摳圖/調(diào)整邊緣摳圖/插件 摳圖/摳圖總結(jié)
	8.圖層混合模式/合成基礎(chǔ)知識(shí)/合成案例
	9.濾鏡（下）扭曲，渲染/圖層樣式內(nèi)陰影 ，斜面與浮雕，顏色，漸變，圖案疊加/詳情頁
	10.自定義形狀工具/3D工具/直通車制作
	11.圖層樣式概念/圖層樣式分類/圖層樣式 案例/APP界面
	12.網(wǎng)頁 設(shè)計(jì)基礎(chǔ)/動(dòng)畫設(shè)計(jì) 總結(jié)
Ai	1.介紹軟件/新建文件設(shè)置/軟件界面認(rèn)識(shí)/ 文字工具/文字大小改變、旋轉(zhuǎn)、復(fù)制
	2.其他格式：制表符、文字屬性復(fù)制輪廓/ 簡歷制作
	3.選擇工具、基礎(chǔ)繪圖學(xué)習(xí)/顏色填充、漸 變工具、吸管工具/錨點(diǎn)編輯工具
	4.鋼筆鉛筆工具、路徑橡皮擦、美工刀、剪 刀.群組與復(fù)合路徑、對(duì)齊和分布
	5.排列、鎖定、隱藏、路徑查找器（焊接、 相交、修剪）、剪切蒙版
	6.描邊面板/對(duì)象/路徑/內(nèi)部填充（網(wǎng)格工 具、實(shí)時(shí)上色）
	7.變形工具/封套扭曲/變換工具
	8.畫筆/符號(hào)/符號(hào)噴槍工具
	9.混合工具（帶過，CDR中詳說）、透明蒙 版（結(jié)合剪切蒙版使用）
	10.外觀面板、圖形樣式/描邊、外觀的使用 /圖層面板（多圖層整理）
	11.圖表/位圖轉(zhuǎn)矢量圖/透明度面板（中疊 加方式的使用）
	12.效果菜單（凸出和斜角、繞轉(zhuǎn)、風(fēng)格化 ）軟件相互間格式的處理
Cdr	1.軟件介紹（應(yīng)用領(lǐng)域、優(yōu)勢、缺點(diǎn)）/軟 件界面（調(diào)色板）
	2.基本操作（新建文件、設(shè)置文件大小、出 血、保存、導(dǎo)出、再制等）
	3.排版需注意的事宜（字號(hào)、字體、出血、 文字安全框等）
	4.文本格式：文字方向、字符格式、段落格 式、段落文本換行（圖文混排）、分欄
	5.基礎(chǔ)繪圖（矩形、橢圓、多邊形、圖紙、 螺旋線、完美形狀、智能繪圖）
	6.移動(dòng)工具、填色（內(nèi)部、輪廓）/視圖工 具（抓手、縮放、顯示性能）
	7.排列、鎖定、造形/圖框精確裁剪/群組與 結(jié)合、對(duì)齊和分布
	8.手繪、藝術(shù)筆/貝塞爾、鋼筆/折線、三點(diǎn) 曲線、連線、度量工具
	9.形狀工具：A.直接編輯基本形狀/文字； B.轉(zhuǎn)換成曲線后編輯
	10.涂抹、粗糙、變換工具/裁切、刻刀、橡 皮檫、虛擬段刪除/線條填色
	11.均勻、漸變、圖樣、紋理、PS填充/交互 式填充、網(wǎng)狀填充吸管油漆桶
	12.交互調(diào)和、輪廓
	13.變形、陰影、透明
	14.立體(立體字設(shè)計(jì)、扁平投影效果、添加 紋理立體字、漸變立體字)
	15.封套
	16.位圖處理/轉(zhuǎn)換（跟蹤位圖）位圖遮罩/ 濾鏡效果（卷頁）/效果菜單
	17.表格處理/插入條碼、OLE對(duì)象（圖表）/ 對(duì)象管理器/頁面設(shè)置、打印
品牌電商	1.學(xué)習(xí)美術(shù)黑白灰三大調(diào)設(shè)計(jì)原則，掌握人 像精修技巧，方便易記，快速出效果。
	2.學(xué)習(xí)電商設(shè)計(jì)中的陰影處理，熟練掌握護(hù) 膚產(chǎn)品的設(shè)計(jì)風(fēng)格與特性，使用檢查標(biāo)準(zhǔn)提高頁面效果。
	3.學(xué)習(xí)設(shè)計(jì)中的對(duì)比法則，對(duì)于畫面的把控 能力，得心應(yīng)手。
	4.學(xué)習(xí)字體設(shè)計(jì)，掌握檢查和修改自己作品 的方法和技巧。
	5.熟悉天貓京東首頁banner廣告位的設(shè)計(jì)風(fēng) 格與規(guī)則。
	6.學(xué)習(xí)設(shè)計(jì)輪方法，系統(tǒng)學(xué)習(xí)設(shè)計(jì)創(chuàng)意邏輯 ，讓創(chuàng)意設(shè)計(jì)變得簡單、快捷、　。
	7.掌握?qǐng)D像創(chuàng)意合成方法，快速出效果。
	8.**獨(dú)創(chuàng)方法分析電商各類出色作品的標(biāo) 準(zhǔn)，為自行創(chuàng)作提供有效的方法。
品牌logo	1.學(xué)習(xí)logo圖形設(shè)計(jì)的基本原則、設(shè)計(jì)流程 、思維方法和技巧要點(diǎn)，**剖析多個(gè)案例提升logo圖形設(shè)計(jì)實(shí)戰(zhàn)技能。
	2.**中 文、英文和數(shù)字闡述logo字體的設(shè)計(jì)原理，并提供五種捷徑幫助學(xué)員有效快速掌握設(shè)計(jì)方法。
	3.熟悉VI設(shè)計(jì)效果圖制作方法，快速出效果 。
	4.熟悉VI手冊(cè)設(shè)計(jì)規(guī)范，學(xué)習(xí)各項(xiàng)基礎(chǔ)設(shè)計(jì) 細(xì)節(jié)并明確了解其作用。
	5.**天琥自創(chuàng)標(biāo)志鑒賞十六字，檢驗(yàn)標(biāo)志 對(duì)錯(cuò)好壞。深入解析有關(guān)logo品牌形象上抄襲和借鑒的區(qū)別。深入一層從含義、圖形、文字、形態(tài)和色彩五要素進(jìn)行創(chuàng)作，塑造出色logo案例。
品牌物料	1.根據(jù)多個(gè)案例實(shí)戰(zhàn)學(xué)習(xí)商業(yè)型和創(chuàng)意型海 報(bào)設(shè)計(jì)的法則、規(guī)范與流程。
	2.掌握單張X展架的特點(diǎn)。包括尺寸大小、 折疊打孔位置設(shè)定等設(shè)計(jì)規(guī)范，實(shí)戰(zhàn)中快速制作出符合要求的宣傳單張和展架畫面設(shè)計(jì)。
	3.掌握宣傳折頁的特點(diǎn)，包括折法、尺寸、 出血等設(shè)計(jì)規(guī)范，實(shí)戰(zhàn)中快速制作出吸金無數(shù)的宣傳折頁。
	4.**案例學(xué)習(xí)包裝設(shè)計(jì)鑒賞、包裝材料、 包裝紙盒結(jié)構(gòu)設(shè)計(jì)以及包裝印刷工藝。
	5.文案思維對(duì)于設(shè)計(jì)具有指導(dǎo)性的意義，學(xué) 習(xí)廣告語，可以給各類型設(shè)計(jì)作品加分。
	6.**多個(gè)案例學(xué)習(xí)畫冊(cè)的版式類型和基本 原理。**點(diǎn)評(píng)作品，讓學(xué)員快速掌握版式設(shè)計(jì)的技巧、原則和規(guī)范。
	7.天琥獨(dú)創(chuàng)研發(fā)理論，結(jié)合實(shí)操，提升對(duì)設(shè) 計(jì)的認(rèn)知。
	8.天琥獨(dú)創(chuàng)四大訣竅提升品牌設(shè)計(jì)文化深度 ，借以提升設(shè)計(jì)作品的價(jià)值和價(jià)格。
	9.運(yùn)用品牌設(shè)計(jì)思維，實(shí)戰(zhàn)操作整個(gè)品牌的 各項(xiàng)設(shè)計(jì)，運(yùn)用六尺評(píng)判標(biāo)準(zhǔn)，從看想寫做說五種能力掌握項(xiàng)目設(shè)計(jì)的交付標(biāo)準(zhǔn)，讓學(xué)員真正成為一名獨(dú)當(dāng)一面的全能型視覺創(chuàng)意設(shè)計(jì)師。
Dw	1.認(rèn)識(shí)DW界面、工作區(qū)，熟練DW基本操作， 學(xué)習(xí)表格，切片
	2.掌握超鏈接、錨鏈接、富媒體、框架網(wǎng)頁 、浮動(dòng)框架的使用，建立簡單的傳統(tǒng)網(wǎng)頁站點(diǎn)
	3.html css:學(xué)習(xí)CSS三種嵌入形式、選擇符 、盒模型、浮動(dòng)等，熟悉頁面布局方法
	4.html css:項(xiàng)目列表與導(dǎo)航，常用css樣式 、css3樣式補(bǔ)充，居中等
	5.掌握和熟悉橫版網(wǎng)頁的制作技巧和注意事 項(xiàng)，讓網(wǎng)站與眾不同
	6.熟練掌握豎版網(wǎng)站的制作規(guī)范和技巧，不 再做網(wǎng)站的“小白”
	7.表單，表單創(chuàng)建與表單樣式
	8.下拉列表，dl、dt、dd下拉效果
	9.spry卡式、折疊式、工具提示
	10.學(xué)會(huì)如何套用和調(diào)用已有的JS代碼，讓 網(wǎng)站妙趣橫生，引人奪目
網(wǎng)頁設(shè)計(jì)	1.了解網(wǎng)站與網(wǎng)頁的關(guān)系，學(xué)習(xí)標(biāo)桿管理， 與設(shè)計(jì)中標(biāo)桿的應(yīng)用。
	2.了解網(wǎng)站首頁的組成部分，系統(tǒng)學(xué)習(xí)網(wǎng)站 設(shè)計(jì)的組成。熟練掌握WUI設(shè)計(jì)的規(guī)范。
	3.了解網(wǎng)頁的前世今生與設(shè)計(jì)趨勢。分辨各 種不同網(wǎng)站類型的設(shè)計(jì)風(fēng)格。重點(diǎn)學(xué)習(xí)網(wǎng)站設(shè)計(jì)的內(nèi)容布局。
	4.了解一個(gè)網(wǎng)站誕生的過程。**企業(yè)網(wǎng)站 案例對(duì)網(wǎng)站設(shè)計(jì)進(jìn)行梳理，了解網(wǎng)頁設(shè)計(jì)流程。
	5.學(xué)習(xí)展示型網(wǎng)站、信息型網(wǎng)站、功能型網(wǎng) 站、品牌網(wǎng)站、活動(dòng)網(wǎng)站等網(wǎng)站類型的設(shè)計(jì)規(guī)范。
	6.了解整 站設(shè)計(jì)與整站設(shè)計(jì)中不同功能的頁面。**實(shí)際項(xiàng)目案例學(xué)習(xí)了解電子商務(wù)網(wǎng)站。
	7.重點(diǎn)掌握整站設(shè)計(jì)中的不同頁面元素與設(shè) 計(jì)時(shí)該注意的規(guī)范重點(diǎn)。
電商設(shè)計(jì)	1.重點(diǎn)學(xué) 習(xí)阿里/天貓/淘寶開店流程、裝修流程、上架流程。
	2.學(xué)習(xí)鉆展廣告位的作用及規(guī)范。了解排版 原則，信息傳達(dá)原則，文字排版標(biāo)桿布局，色彩關(guān)系的區(qū)分。
	3.學(xué)習(xí)直通車的作用及規(guī)范，重點(diǎn)掌握直通 車廣告設(shè)計(jì)方法與技巧。
	4.學(xué)習(xí)寶貝主圖的作用及規(guī)范。重點(diǎn)掌握寶 貝主圖的設(shè)計(jì)方法與詳情頁的設(shè)計(jì)流程和技巧。
	5.了解品牌電商的設(shè)計(jì)思路，**案例學(xué)習(xí) 不同品牌電商的設(shè)計(jì)方法與技巧。
	6.學(xué)習(xí)店鋪裝修代碼與淘寶代碼生成平臺(tái)的 應(yīng)用。重點(diǎn)掌握代碼的修改與熱點(diǎn)圖。
	7.學(xué)習(xí)淘寶頁面的移動(dòng)端設(shè)計(jì)轉(zhuǎn)變形式。重 點(diǎn)學(xué)習(xí)網(wǎng)站響應(yīng)式設(shè)計(jì)。
	8.了解實(shí)際工作中網(wǎng)頁電商設(shè)計(jì)師的定位于 發(fā)展趨勢。指導(dǎo)簡歷的制作思路與畢業(yè)作品的設(shè)計(jì)。
Icon	1.學(xué)習(xí)Photoshop和Illustrator繪制線性和 塊狀剪影圖標(biāo)的技法，達(dá)到能繪制不同行業(yè)圖標(biāo)的能力
	2.學(xué)習(xí)圖層樣式初級(jí)使用，掌握扁平化，長 投影等風(fēng)格的圖標(biāo)繪制技法
	3.學(xué)習(xí)圖層樣式的高級(jí)使用，掌握?qǐng)D標(biāo)顏色 的搭配技巧，達(dá)到能繪制不同風(fēng)格輕擬物圖標(biāo)的能力
	4.學(xué)習(xí)重?cái)M物圖標(biāo)中的透視角度、光影關(guān)系 、材質(zhì)表現(xiàn)知識(shí)，掌握一些常見材質(zhì)圖標(biāo)的刻畫技法
	5.學(xué)習(xí)手機(jī)應(yīng)用主題設(shè)計(jì)規(guī)范，做一套完整 的手機(jī)應(yīng)用主題，包括系統(tǒng)圖標(biāo)、桌面插件、鎖屏界面
Axure交互	1.學(xué)習(xí)Axure軟件基礎(chǔ)知識(shí)，掌握低保真原 型繪制能力，并學(xué)習(xí)條件判斷語句使用方法
	2.深入學(xué)習(xí)Axure動(dòng)態(tài)面板元件，掌握動(dòng)態(tài) 面板的切換與循環(huán)。
	3.學(xué)習(xí)Axure軟件高級(jí)知識(shí)，了解Axure軟件 中變量的使用，并能夠做一些高級(jí)交互效果
移動(dòng)端UI	1.學(xué)習(xí)iOS10人機(jī)界面指南，深入學(xué)習(xí)iOS設(shè) 計(jì)理念，掌握iOS界面尺寸以及字體規(guī)范
	2.學(xué)習(xí)APP界面設(shè)計(jì)配色技巧以及常見類型 導(dǎo)航設(shè)計(jì)知識(shí)，并結(jié)合項(xiàng)目開始設(shè)計(jì)項(xiàng)目界面
	3.學(xué)習(xí)用戶體驗(yàn)理論知識(shí)，了解UED部門人 員的配備以及各職能人員的實(shí)際工作，能夠運(yùn)用用戶體驗(yàn)的知識(shí)重新審視自己使用的產(chǎn)品，并能在后期的設(shè)計(jì)中站在用戶體驗(yàn)的高度去設(shè)計(jì)自己的產(chǎn)品
	4.學(xué)習(xí)產(chǎn)品開發(fā)流程，熟悉用戶調(diào)研的方法 、競品分析的維度，了解產(chǎn)品經(jīng)理的工作內(nèi)容
	5.了解交互設(shè)計(jì)師的工作內(nèi)容，熟悉移動(dòng)端 交互熱區(qū)的范圍，學(xué)習(xí)交互手勢在設(shè)計(jì)中的應(yīng)用，學(xué)會(huì)書寫交互說明文檔
	6.學(xué)習(xí)并掌握移動(dòng)端界面設(shè)計(jì)中的列表式布 局方法，了解移動(dòng)端界面設(shè)計(jì)意識(shí)。
	7.學(xué)習(xí)Google大力推崇的Material Design 的設(shè)計(jì)語言，掌握MD設(shè)計(jì)規(guī)范，深入理解MD設(shè)計(jì)思想
	8.利用MD設(shè)計(jì)理念結(jié)合項(xiàng)目需求設(shè)計(jì)MD風(fēng)格 的界面
	9.了解APP引導(dǎo)頁的功能分類，掌握引導(dǎo)頁 的常見表現(xiàn)形式以及常見扁平風(fēng)小插畫的繪制技法
	10.學(xué)習(xí)移動(dòng)端應(yīng)用圖標(biāo)的6種表現(xiàn)技法，并 制作前期項(xiàng)目的應(yīng)用圖標(biāo)。
	11.學(xué)習(xí)并掌握移動(dòng)端界面適配法則以及切 圖和標(biāo)注的方法，從而后期更好配合程序人員
	12.學(xué)習(xí)微信公眾號(hào)平臺(tái)中微商城的知識(shí)， 并學(xué)習(xí)微信新的小程序設(shè)計(jì)規(guī)范，深入理解微信設(shè)計(jì)理念
	13.掌握H5場景制作平臺(tái)的操作技巧，學(xué)會(huì) 制作H5動(dòng)態(tài)展示頁面
	14.深入學(xué)習(xí)H5場景制作平臺(tái)操作技巧，按 照項(xiàng)目需求制作H5動(dòng)態(tài)展示頁面
	15.總結(jié)整個(gè)階段學(xué)習(xí)的知識(shí)，做知識(shí)梳理 ，查缺補(bǔ)漏，復(fù)習(xí)前面所學(xué)知識(shí)
簡歷面試	1.學(xué)習(xí)UI設(shè)計(jì)師簡歷制作的要求，制作高端 的UI設(shè)計(jì)師個(gè)人簡歷作品集，為后期找工作做好準(zhǔn)備
	2.深入探討UI面試中經(jīng)常被問到的一些概念 性問題，用**為適合的語言去組織問題的答案，為后期的面試做準(zhǔn)備
作品集包裝	1.以總部研發(fā)部指定作品標(biāo)準(zhǔn)，嚴(yán)格把控學(xué) 員就業(yè)作品。幫助學(xué)員查漏補(bǔ)缺，精益求精，做出能拿得出手的作品。
	2.至少一次真實(shí)項(xiàng)目完整實(shí)戰(zhàn)指導(dǎo)。會(huì)給到 一個(gè)較長的周期，了解實(shí)際工作流程，項(xiàng)目流程。與參與制作。
就業(yè)服務(wù)	1.實(shí)行一對(duì)一的心理輔導(dǎo)，學(xué)習(xí)就業(yè)面試技 巧。模擬面試訓(xùn)練與定期的招聘會(huì)。
	2.就業(yè)有保障。

先人一步！帶你了解制霸2015年的網(wǎng)頁設(shè)計(jì)趨勢

---

這是一個(gè)永不終結(jié)的話題。充滿活力而多樣化的網(wǎng)頁設(shè)計(jì)，在前進(jìn)的道路上不斷變化，自然也影響著趨勢的調(diào)整和變遷。**有意思的是，網(wǎng)頁作為產(chǎn)品的一種輸出方式，連接著產(chǎn)品和用戶，以工具、服務(wù)和渠道的形式存在著。也正因?yàn)榫W(wǎng)頁這種獨(dú)特的屬性，網(wǎng)頁設(shè)計(jì)的變遷也非常直觀地體現(xiàn)出需求和趨勢的變化。

仔細(xì)觀察并分析去年流行的酷站之后，你也可以清晰地總結(jié)出2015年可能會(huì)流行起來的設(shè)計(jì)趨勢。諸如響應(yīng)式設(shè)計(jì)、單頁設(shè)計(jì)和視差滾動(dòng)這樣的大趨勢，我們已經(jīng)在年底的總結(jié)文章《我的征程是未來！帶你展望2015年**重要的網(wǎng)頁設(shè)計(jì)趨勢》中探討過。不過這樣的大的設(shè)計(jì)趨勢之下，還隱藏著許多令人獲益匪淺的設(shè)計(jì)細(xì)節(jié)上的改變，也正式這些設(shè)計(jì)細(xì)節(jié)促使諸多酷站從海量的網(wǎng)站中脫穎而出。

接下來我們一起來看看這些足以制霸2015年的設(shè)計(jì)趨勢吧，每個(gè)設(shè)計(jì)趨勢后的案例會(huì)向你證明它們并非猜測和假設(shè)。掌握趨勢，才能先人一步！

攝影大圖

在過去的一年里，越來越多的網(wǎng)站開始用高品質(zhì)的攝影大圖來作為網(wǎng)站的背景，讓自然的色彩和真實(shí)的細(xì)節(jié)抓緊用戶的眼球。值得一提的是，隨著這種網(wǎng)站的增多，提供免費(fèi)商用的圖片社區(qū)也飛快地發(fā)展了起來。

**新圖庫網(wǎng)站合集：《新年圖庫**波！20個(gè)無版權(quán)高清無碼圖庫站》

Brave People

單色設(shè)計(jì)

使用色彩來凸顯個(gè)性的設(shè)計(jì)由來已久，不過使用極為濃重單色設(shè)計(jì)的網(wǎng)站也是**近一年才明顯多了起來。這種網(wǎng)站中，背景、字體和按鈕使用了標(biāo)志性的單色或者同色系，圖片也疊加上特定的色彩，這樣的設(shè)計(jì)使得整個(gè)網(wǎng)站極具視覺沖擊力，令人過目不忘。

那么2015年有哪些流行色呢？戳這里：《快來跟上潮流！來了解一下2015年春夏流行色》

Nine Sixty

視頻背景

比起圖片背景，視頻背景可以傳達(dá)更多的信息，更明顯的情感，帶來更加極致的體驗(yàn)。這樣設(shè)計(jì)趨勢正在飛快的流行開來，我想你應(yīng)該也發(fā)現(xiàn)了。

多看案例多學(xué)習(xí)：《活色生香！16款使用視頻背景的網(wǎng)頁欣賞》

BORN

Startup Framework

獨(dú)特的導(dǎo)航欄菜單

在接下來的一年里我們會(huì)看到更多腦洞大開的導(dǎo)航方式，上滑、下滑、懸浮、粘滯、彈出等等不一而足，比起傳統(tǒng)的導(dǎo)航欄設(shè)計(jì)，這些截然不同的導(dǎo)航欄會(huì)讓用戶享有獨(dú)特的瀏覽體驗(yàn)。

導(dǎo)航欄設(shè)計(jì)指南：《術(shù)業(yè)有專攻！響應(yīng)式導(dǎo)航有哪幾類設(shè)計(jì)方式？》

Impossible Bureau

Qards

卡片和磁貼

前幾年的瀑布流式的設(shè)計(jì)并沒有被徹底淘汰，隨著Material Design和Windows Modern Ui 的流行，卡片式設(shè)計(jì)和Windows Phone式的動(dòng)態(tài)磁貼的設(shè)計(jì)也都逐漸跨界融入到網(wǎng)頁設(shè)計(jì)中來了。

卡片式設(shè)計(jì)的網(wǎng)頁：《來玩撲克吧！深聊使用卡片式設(shè)計(jì)的優(yōu)質(zhì)網(wǎng)站》

Firebox

固定區(qū)塊

實(shí)際上現(xiàn)在許多網(wǎng)站都已經(jīng)在用著固定式的分享工具欄了（的文章右側(cè)也有），但是在2014年的許多優(yōu)秀網(wǎng)頁設(shè)計(jì)中，我們發(fā)現(xiàn)這種設(shè)計(jì)已經(jīng)不止停留在分享工具欄上了，各種元素和內(nèi)容區(qū)塊開始固定在頁面上，發(fā)揮著獨(dú)特的效用。

Build in Amsterdam

微妙的視差

這是令人又愛又恨的設(shè)計(jì)趨勢，我想大家都已經(jīng)對(duì)此無比熟悉了?，F(xiàn)在許多網(wǎng)站都開始使用視差設(shè)計(jì)了，之所以說它微妙，是因?yàn)檫m當(dāng)?shù)厥褂靡暡钤O(shè)計(jì)能讓人愉悅，但是過多卻會(huì)令人視覺疲勞，破壞整體體驗(yàn)。在2015年，我們會(huì)看到更多使用視差設(shè)計(jì)的網(wǎng)頁，它們還會(huì)與漂亮的動(dòng)效結(jié)合起來使用。

Cher Ami

更多的滾動(dòng)

實(shí)際上滾動(dòng)是比點(diǎn)擊更貼近直接的瀏覽方式，這也是為什么單頁設(shè)計(jì)和視差滾動(dòng)的網(wǎng)頁越來越多。不過這里要說的滾動(dòng)，指的是頁面內(nèi)的滾動(dòng)式導(dǎo)航。不同的滾動(dòng)式導(dǎo)航設(shè)計(jì)使得網(wǎng)頁瀏覽體驗(yàn)更加優(yōu)秀，體驗(yàn)和易用性都有保證。

視差滾動(dòng)網(wǎng)頁設(shè)計(jì)案例：《**新的別放過！30個(gè)盡顯創(chuàng)意的視差滾動(dòng)網(wǎng)站設(shè)計(jì)》

Smart Water

插畫

在網(wǎng)頁設(shè)計(jì)中使用手繪插畫**典型的就是Dropbox了。插畫在網(wǎng)頁設(shè)計(jì)中并不鮮見，不過用插畫來講述故事，呈現(xiàn)信息是一個(gè)大的發(fā)展趨勢。

One Design Company

大數(shù)據(jù)與信息圖

信息圖的確需要數(shù)據(jù)支撐。信息圖式的網(wǎng)站我們之前也曾在趨勢分析類文章中提到過，它在復(fù)雜的數(shù)據(jù)中開辟出一條簡單直觀的通路，漂亮而可靠，在接下來的一年里，會(huì)有越來越多的網(wǎng)站選擇用大數(shù)據(jù)和信息圖還呈現(xiàn)內(nèi)容。

信息圖網(wǎng)站設(shè)計(jì)案例：《絕對(duì)精品！15個(gè)有趣的網(wǎng)頁設(shè)計(jì)相關(guān)的信息圖》

Personal Brand Institute

產(chǎn)品優(yōu)先

這幾年玩兒硬件的初創(chuàng)公司越來越多，借助網(wǎng)頁來展現(xiàn)產(chǎn)品也是許多企業(yè)機(jī)構(gòu)的不二選擇。記住3D設(shè)計(jì)和交互式的網(wǎng)頁設(shè)計(jì)，產(chǎn)品網(wǎng)頁可以呈現(xiàn)更多內(nèi)容，甚至可以展現(xiàn)產(chǎn)品的體驗(yàn)。這是需求，也是趨勢。

哪些狂跩酷炫的產(chǎn)品宣傳頁：《讓你喜歡讓你愛！20款效果驚艷的產(chǎn)品宣傳網(wǎng)站》

My Deejo

扁平化將繼續(xù)發(fā)展

科技巨頭們引領(lǐng)著扁平化設(shè)計(jì)，越來越多的人也開始擁抱扁平化，毫無疑問2015年還會(huì)有更多的偏平化設(shè)計(jì)的網(wǎng)頁。在新的一年里，偏平化會(huì)不會(huì)玩出新的花樣？很有可能哦~

思考應(yīng)與設(shè)計(jì)并行：《擬物VS扁平？請(qǐng)別終結(jié)這個(gè)話題！》

Pennies

移動(dòng)端優(yōu)先

移動(dòng)端的網(wǎng)絡(luò)流量正在趕超桌面端，移動(dòng)端優(yōu)先的口號(hào)也不是今年才喊出來。迎合“移動(dòng)端優(yōu)先”的理念是一個(gè)大趨勢，設(shè)計(jì)師們也不得不重新審視網(wǎng)頁設(shè)計(jì)的重心了。

移動(dòng)端設(shè)計(jì)有規(guī)律：《移動(dòng)設(shè)計(jì)指南！如何利用視覺元素有效傳達(dá)信息？（完結(jié)篇）》

Medium

人情味與情懷

手繪插畫和手寫字體讓用戶與網(wǎng)頁在情感上更加接近，這也不是什么新花樣了。但是要**網(wǎng)頁傳達(dá)出情懷和人情味并不簡單，字體，排版，圖片細(xì)節(jié)等等都要完美的配合好，才能充分發(fā)揮出它們的優(yōu)勢，不得不承認(rèn)，即便是2015年，它們也可能有長足的發(fā)展。

懷舊其實(shí)也是利器：《產(chǎn)品設(shè)計(jì)師的秘密武器》

Adventure

微交互/微體驗(yàn)

細(xì)節(jié)決定成敗。有意味的細(xì)節(jié)交互和體驗(yàn)往往能讓用戶感到愉悅甚至驚喜。這也使得設(shè)計(jì)師們開始?xì)椌邞]地思考探索，使用有趣的圖片和表情，加入隱藏功能和彩蛋，加載個(gè)性化數(shù)據(jù)，等等。

Virgin America

Letters

大標(biāo)題 粗體字

這兩年大標(biāo)題 粗體字的設(shè)計(jì)在國外的網(wǎng)站上并不鮮見，不過它們?cè)诮衲昕赡苓€會(huì)更加普及。為什么會(huì)這樣？因?yàn)檫@種方式從來都是**簡單有力的。

Webflow

網(wǎng)站生成工具的崛起

降低網(wǎng)站設(shè)計(jì)和開發(fā)的門檻一直是大家努力的方向，這也促成了近年網(wǎng)站生成工具的崛起。徹底替代手打代碼也學(xué)還為時(shí)