杭州平面設(shè)計(jì)實(shí)例_杭州平面設(shè)計(jì)培訓(xùn)
¥詳詢
班制:周末班
杭州春華教育職業(yè)培訓(xùn)中心平面設(shè)計(jì)師間的差距是什么?
平面設(shè)計(jì)師間的差距是什么?今天我們從從兩個維度方面來談?wù)劇獙?shí)力,時間。
實(shí)力:同一屆入行的平面設(shè)計(jì)師之間也會有很大的差距。
天賦、學(xué)校、科班出身、有編程能力、研究生、運(yùn)氣、人脈等等標(biāo)簽都屬于和別人競爭的資本。
隨著每個人的努力和時間流逝,雪球有可能越滾越大,后面可以發(fā)現(xiàn)同齡的設(shè)計(jì)師可能 已經(jīng)是總監(jiān),設(shè)計(jì)專家了,還有一些仍是低階設(shè)計(jì)師,差距越來越明顯。
時間:一般來講,高階設(shè)計(jì)師和低階設(shè)計(jì)師******明顯的差距應(yīng)該是工作經(jīng)驗(yàn),當(dāng)然也 有特別出色的年輕設(shè)計(jì)師憑著天賦和努力很早成為高階設(shè)計(jì)師。
高階設(shè)計(jì)師長時間在該領(lǐng)域耕耘,研究競品迭代產(chǎn)品,在經(jīng)驗(yàn)上是比剛工作的設(shè)計(jì)師有 一定優(yōu)勢的,犯的錯誤也會比低階設(shè)計(jì)師少一些,但也不代表高階設(shè)計(jì)師就比低階設(shè)計(jì)師優(yōu)秀,時間上的鴻溝只能**加倍的努力去超越。
平面設(shè)計(jì)綜合課程
平面設(shè)計(jì)綜合階段 | ||
---|---|---|
Ps | 1.介紹軟 件(應(yīng)用領(lǐng)域、優(yōu)勢)/軟件界面與設(shè)置/視圖縮放與移動/選擇工具/屏幕顯示模式/包裝效果圖/選區(qū)自由變換/保存格式/文字(文字海報)/ 形狀工具(繪制簡單形狀)/填充(前景色、背景色) | |
2.色 彩基礎(chǔ)知識/色階/曲線/ 亮度對比度等/色彩平衡/色相飽和度/可選顏色/畫布大小調(diào)整/建立快速蒙版/LAB顏色模式 | ||
3.軟件界面/軟件基本設(shè)置/導(dǎo)入圖片/視圖 的基本操作/調(diào)色命令/文件導(dǎo)出 | ||
4.光影知識/涂抹、銳化、模糊工具/加深、 減淡工具/消失點(diǎn),液化濾鏡、仿制源/漸變工具、吸管工具/膚色調(diào)整/色彩知識(色彩搭配訓(xùn)練) | ||
5.素描三大關(guān)系/色彩構(gòu)成/透視/產(chǎn)品修圖 案例 | ||
6.基礎(chǔ)摳圖工具/基本形狀工具/鋼筆工具/ 文本工具/字體排版技巧/變形變換 | ||
7.抽出命令/通道摳圖/調(diào)整邊緣摳圖/插件 摳圖/摳圖總結(jié) | ||
8.圖層混合模式/合成基礎(chǔ)知識/合成案例 | ||
9.濾鏡(下)扭曲,渲染/圖層樣式內(nèi)陰影 ,斜面與浮雕,顏色,漸變,圖案疊加/詳情頁 | ||
10.自定義形狀工具/3D工具/直通車制作 | ||
11.圖層樣式概念/圖層樣式分類/圖層樣式 案例/APP界面 | ||
12.網(wǎng)頁 設(shè)計(jì)基礎(chǔ)/動畫設(shè)計(jì) 總結(jié) | ||
Ai | 1.介紹軟件/新建文件設(shè)置/軟件界面認(rèn)識/ 文字工具/文字大小改變、旋轉(zhuǎn)、復(fù)制 | |
2.其他格式:制表符、文字屬性復(fù)制輪廓/ 簡歷制作 | ||
3.選擇工具、基礎(chǔ)繪圖學(xué)習(xí)/顏色填充、漸 變工具、吸管工具/錨點(diǎn)編輯工具 | ||
4.鋼筆鉛筆工具、路徑橡皮擦、美工刀、剪 刀.群組與復(fù)合路徑、對齊和分布 | ||
5.排列、鎖定、隱藏、路徑查找器(焊接、 相交、修剪)、剪切蒙版 | ||
6.描邊面板/對象/路徑/內(nèi)部填充(網(wǎng)格工 具、實(shí)時上色) | ||
7.變形工具/封套扭曲/變換工具 | ||
8.畫筆/符號/符號噴槍工具 | ||
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.排版需注意的事宜(字號、字體、出血、 文字安全框等) | ||
4.文本格式:文字方向、字符格式、段落格 式、段落文本換行(圖文混排)、分欄 | ||
5.基礎(chǔ)繪圖(矩形、橢圓、多邊形、圖紙、 螺旋線、完美形狀、智能繪圖) | ||
6.移動工具、填色(內(nèi)部、輪廓)/視圖工 具(抓手、縮放、顯示性能) | ||
7.排列、鎖定、造形/圖框精確裁剪/群組與 結(jié)合、對齊和分布 | ||
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對象(圖表)/ 對象管理器/頁面設(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ì)中的對比法則,對于畫面的把控 能力,得心應(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.掌握圖像創(chuàng)意合成方法,快速出效果。 | ||
8.**獨(dú)創(chuàng)方法分析電商各類出色作品的標(biāo) 準(zhǔn),為自行創(chuàng)作提供有效的方法。 | ||
品牌logo | 1.學(xué)習(xí)logo圖形設(shè)計(jì)的基本原則、設(shè)計(jì)流程 、思維方法和技巧要點(diǎn),**剖析多個案例提升logo圖形設(shè)計(jì)實(shí)戰(zhàn)技能。 | |
2.**中 文、英文和數(shù)字闡述logo字體的設(shè)計(jì)原理,并提供五種捷徑幫助學(xué)員有效快速掌握設(shè)計(jì)方法。 | ||
3.熟悉VI設(shè)計(jì)效果圖制作方法,快速出效果 。 | ||
4.熟悉VI手冊設(shè)計(jì)規(guī)范,學(xué)習(xí)各項(xiàng)基礎(chǔ)設(shè)計(jì) 細(xì)節(jié)并明確了解其作用。 | ||
5.**天琥自創(chuàng)標(biāo)志鑒賞十六字,檢驗(yàn)標(biāo)志 對錯好壞。深入解析有關(guān)logo品牌形象上抄襲和借鑒的區(qū)別。深入一層從含義、圖形、文字、形態(tài)和色彩五要素進(jìn)行創(chuàng)作,塑造出色logo案例。 | ||
品牌物料 | 1.根據(jù)多個案例實(shí)戰(zhàn)學(xué)習(xí)商業(yè)型和創(chuàng)意型海 報設(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.文案思維對于設(shè)計(jì)具有指導(dǎo)性的意義,學(xué) 習(xí)廣告語,可以給各類型設(shè)計(jì)作品加分。 | ||
6.**多個案例學(xué)習(xí)畫冊的版式類型和基本 原理。**點(diǎn)評作品,讓學(xué)員快速掌握版式設(shè)計(jì)的技巧、原則和規(guī)范。 | ||
7.天琥獨(dú)創(chuàng)研發(fā)理論,結(jié)合實(shí)操,提升對設(shè) 計(jì)的認(rèn)知。 | ||
8.天琥獨(dú)創(chuàng)四大訣竅提升品牌設(shè)計(jì)文化深度 ,借以提升設(shè)計(jì)作品的價值和價格。 | ||
9.運(yùn)用品牌設(shè)計(jì)思維,實(shí)戰(zhàn)操作整個品牌的 各項(xiàng)設(shè)計(jì),運(yùn)用六尺評判標(biāo)準(zhǔn),從看想寫做說五種能力掌握項(xiàng)目設(shè)計(jì)的交付標(biāo)準(zhǔn),讓學(xué)員真正成為一名獨(dú)當(dāng)一面的全能型視覺創(chuàng)意設(shè)計(jì)師。 | ||
Dw | 1.認(rèn)識DW界面、工作區(qū),熟練DW基本操作, 學(xué)習(xí)表格,切片 | |
2.掌握超鏈接、錨鏈接、富媒體、框架網(wǎng)頁 、浮動框架的使用,建立簡單的傳統(tǒng)網(wǎng)頁站點(diǎn) | ||
3.html css:學(xué)習(xí)CSS三種嵌入形式、選擇符 、盒模型、浮動等,熟悉頁面布局方法 | ||
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é)會如何套用和調(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.了解一個網(wǎng)站誕生的過程。**企業(yè)網(wǎng)站 案例對網(wǎng)站設(shè)計(jì)進(jìn)行梳理,了解網(wǎng)頁設(shè)計(jì)流程。 | ||
5.學(xué)習(xí)展示型網(wǎng)站、信息型網(wǎng)站、功能型網(wǎng) 站、品牌網(wǎ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ì)時該注意的規(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í)店鋪裝修代碼與淘寶代碼生成平臺的 應(yīng)用。重點(diǎn)掌握代碼的修改與熱點(diǎn)圖。 | ||
7.學(xué)習(xí)淘寶頁面的移動端設(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í)圖層樣式初級使用,掌握扁平化,長 投影等風(fēng)格的圖標(biāo)繪制技法 | ||
3.學(xué)習(xí)圖層樣式的高級使用,掌握圖標(biāo)顏色 的搭配技巧,達(dá)到能繪制不同風(fēng)格輕擬物圖標(biāo)的能力 | ||
4.學(xué)習(xí)重擬物圖標(biāo)中的透視角度、光影關(guān)系 、材質(zhì)表現(xiàn)知識,掌握一些常見材質(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ǔ)知識,掌握低保真原 型繪制能力,并學(xué)習(xí)條件判斷語句使用方法 | |
2.深入學(xué)習(xí)Axure動態(tài)面板元件,掌握動態(tài) 面板的切換與循環(huán)。 | ||
3.學(xué)習(xí)Axure軟件高級知識,了解Axure軟件 中變量的使用,并能夠做一些高級交互效果 | ||
移動端UI | 1.學(xué)習(xí)iOS10人機(jī)界面指南,深入學(xué)習(xí)iOS設(shè) 計(jì)理念,掌握iOS界面尺寸以及字體規(guī)范 | |
2.學(xué)習(xí)APP界面設(shè)計(jì)配色技巧以及常見類型 導(dǎo)航設(shè)計(jì)知識,并結(jié)合項(xiàng)目開始設(shè)計(jì)項(xiàng)目界面 | ||
3.學(xué)習(xí)用戶體驗(yàn)理論知識,了解UED部門人 員的配備以及各職能人員的實(shí)際工作,能夠運(yùn)用用戶體驗(yàn)的知識重新審視自己使用的產(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)容,熟悉移動端 交互熱區(qū)的范圍,學(xué)習(xí)交互手勢在設(shè)計(jì)中的應(yīng)用,學(xué)會書寫交互說明文檔 | ||
6.學(xué)習(xí)并掌握移動端界面設(shè)計(jì)中的列表式布 局方法,了解移動端界面設(shè)計(jì)意識。 | ||
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í)移動端應(yīng)用圖標(biāo)的6種表現(xiàn)技法,并 制作前期項(xiàng)目的應(yīng)用圖標(biāo)。 | ||
11.學(xué)習(xí)并掌握移動端界面適配法則以及切 圖和標(biāo)注的方法,從而后期更好配合程序人員 | ||
12.學(xué)習(xí)微信公眾號平臺中微商城的知識, 并學(xué)習(xí)微信新的小程序設(shè)計(jì)規(guī)范,深入理解微信設(shè)計(jì)理念 | ||
13.掌握H5場景制作平臺的操作技巧,學(xué)會 制作H5動態(tài)展示頁面 | ||
14.深入學(xué)習(xí)H5場景制作平臺操作技巧,按 照項(xiàng)目需求制作H5動態(tài)展示頁面 | ||
15.總結(jié)整個階段學(xué)習(xí)的知識,做知識梳理 ,查缺補(bǔ)漏,復(fù)習(xí)前面所學(xué)知識 | ||
簡歷面試 | 1.學(xué)習(xí)UI設(shè)計(jì)師簡歷制作的要求,制作高端 的UI設(shè)計(jì)師個人簡歷作品集,為后期找工作做好準(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)。會給到 一個較長的周期,了解實(shí)際工作流程,項(xiàng)目流程。與參與制作。 | ||
就業(yè)服務(wù) | 1.實(shí)行一對一的心理輔導(dǎo),學(xué)習(xí)就業(yè)面試技 巧。模擬面試訓(xùn)練與定期的招聘會。 | |
2.就業(yè)有保障。 |
先人一步!帶你了解制霸2015年的網(wǎng)頁設(shè)計(jì)趨勢
這是一個永不終結(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年可能會流行起來的設(shè)計(jì)趨勢。諸如響應(yīng)式設(shè)計(jì)、單頁設(shè)計(jì)和視差滾動這樣的大趨勢,我們已經(jīng)在年底的總結(jié)文章《我的征程是未來!帶你展望2015年**重要的網(wǎng)頁設(shè)計(jì)趨勢》中探討過。不過這樣的大的設(shè)計(jì)趨勢之下,還隱藏著許多令人獲益匪淺的設(shè)計(jì)細(xì)節(jié)上的改變,也正式這些設(shè)計(jì)細(xì)節(jié)促使諸多酷站從海量的網(wǎng)站中脫穎而出。
接下來我們一起來看看這些足以制霸2015年的設(shè)計(jì)趨勢吧,每個設(shè)計(jì)趨勢后的案例會向你證明它們并非猜測和假設(shè)。掌握趨勢,才能先人一步!
攝影大圖
在過去的一年里,越來越多的網(wǎng)站開始用高品質(zhì)的攝影大圖來作為網(wǎng)站的背景,讓自然的色彩和真實(shí)的細(xì)節(jié)抓緊用戶的眼球。值得一提的是,隨著這種網(wǎng)站的增多,提供免費(fèi)商用的圖片社區(qū)也飛快地發(fā)展了起來。
**新圖庫網(wǎng)站合集:《新年圖庫**波!20個無版權(quán)高清無碼圖庫站》
Brave People
單色設(shè)計(jì)
使用色彩來凸顯個性的設(shè)計(jì)由來已久,不過使用極為濃重單色設(shè)計(jì)的網(wǎng)站也是**近一年才明顯多了起來。這種網(wǎng)站中,背景、字體和按鈕使用了標(biāo)志性的單色或者同色系,圖片也疊加上特定的色彩,這樣的設(shè)計(jì)使得整個網(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)航欄菜單
在接下來的一年里我們會看到更多腦洞大開的導(dǎo)航方式,上滑、下滑、懸浮、粘滯、彈出等等不一而足,比起傳統(tǒng)的導(dǎo)航欄設(shè)計(jì),這些截然不同的導(dǎo)航欄會讓用戶享有獨(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式的動態(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)對此無比熟悉了?,F(xiàn)在許多網(wǎng)站都開始使用視差設(shè)計(jì)了,之所以說它微妙,是因?yàn)檫m當(dāng)?shù)厥褂靡暡钤O(shè)計(jì)能讓人愉悅,但是過多卻會令人視覺疲勞,破壞整體體驗(yàn)。在2015年,我們會看到更多使用視差設(shè)計(jì)的網(wǎng)頁,它們還會與漂亮的動效結(jié)合起來使用。
Cher Ami
更多的滾動
實(shí)際上滾動是比點(diǎn)擊更貼近直接的瀏覽方式,這也是為什么單頁設(shè)計(jì)和視差滾動的網(wǎng)頁越來越多。不過這里要說的滾動,指的是頁面內(nèi)的滾動式導(dǎo)航。不同的滾動式導(dǎo)航設(shè)計(jì)使得網(wǎng)頁瀏覽體驗(yàn)更加優(yōu)秀,體驗(yàn)和易用性都有保證。
視差滾動網(wǎng)頁設(shè)計(jì)案例:《**新的別放過!30個盡顯創(chuàng)意的視差滾動網(wǎng)站設(shè)計(jì)》
Smart Water
插畫
在網(wǎng)頁設(shè)計(jì)中使用手繪插畫**典型的就是Dropbox了。插畫在網(wǎng)頁設(shè)計(jì)中并不鮮見,不過用插畫來講述故事,呈現(xiàn)信息是一個大的發(fā)展趨勢。
One Design Company
大數(shù)據(jù)與信息圖
信息圖的確需要數(shù)據(jù)支撐。信息圖式的網(wǎng)站我們之前也曾在趨勢分析類文章中提到過,它在復(fù)雜的數(shù)據(jù)中開辟出一條簡單直觀的通路,漂亮而可靠,在接下來的一年里,會有越來越多的網(wǎng)站選擇用大數(shù)據(jù)和信息圖還呈現(xiàn)內(nèi)容。
信息圖網(wǎng)站設(shè)計(jì)案例:《絕對精品!15個有趣的網(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年還會有更多的偏平化設(shè)計(jì)的網(wǎng)頁。在新的一年里,偏平化會不會玩出新的花樣?很有可能哦~
思考應(yīng)與設(shè)計(jì)并行:《擬物VS扁平?請別終結(jié)這個話題!》
Pennies
移動端優(yōu)先
移動端的網(wǎng)絡(luò)流量正在趕超桌面端,移動端優(yōu)先的口號也不是今年才喊出來。迎合“移動端優(yōu)先”的理念是一個大趨勢,設(shè)計(jì)師們也不得不重新審視網(wǎng)頁設(shè)計(jì)的重心了。
移動端設(shè)計(jì)有規(guī)律:《移動設(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ì)椌邞]地思考探索,使用有趣的圖片和表情,加入隱藏功能和彩蛋,加載個性化數(shù)據(jù),等等。
Virgin America
Letters
大標(biāo)題 粗體字
這兩年大標(biāo)題 粗體字的設(shè)計(jì)在國外的網(wǎng)站上并不鮮見,不過它們在今年可能還會更加普及。為什么會這樣?因?yàn)檫@種方式從來都是**簡單有力的。
Webflow
網(wǎng)站生成工具的崛起
降低網(wǎng)站設(shè)計(jì)和開發(fā)的門檻一直是大家努力的方向,這也促成了近年網(wǎng)站生成工具的崛起。徹底替代手打代碼也學(xué)還為時
體驗(yàn)課預(yù)約試聽
倒計(jì)時
課程熱線:
18667097265客服在線時間:早上9點(diǎn)~下午6點(diǎn),其他時間請?jiān)诰€預(yù)約報名或留言,謝謝!
免費(fèi)體驗(yàn)課開班倒計(jì)時
稍后會有專業(yè)老師給您回電,請保持電話暢通