漸變教程,如何做出迷人的漸變?
這迷人的漸變?cè)趺醋龅模?/p>
Adobe Photoshop怎么做這種效果?
我們都知道iOS7以后,界面設(shè)計(jì)已經(jīng)趨于扁平化。實(shí)際界面設(shè)計(jì)中我們已經(jīng)很少繪制寫(xiě)實(shí)圖標(biāo)。所以貌似現(xiàn)在的UI界面顯得千篇一律。比較有經(jīng)驗(yàn)的設(shè)計(jì)師會(huì)熟練運(yùn)用插畫(huà)設(shè)計(jì)還有動(dòng)效設(shè)計(jì),使自己的界面顯得與眾不同,然而這些技巧都是需要時(shí)間歷練,短時(shí)間并不容易掌握這些知識(shí)。
有沒(méi)有一種方法簡(jiǎn)單實(shí)用,迅速提升界面的格調(diào)了?
Instagram 換標(biāo)的設(shè)計(jì)刷遍了大家的朋友圈,對(duì)于這個(gè)新圖標(biāo)褒貶不一,不管這個(gè)設(shè)計(jì)好壞與否,你不得不承認(rèn)第一眼看這個(gè)彩虹色讓你眼前一亮。也讓我們重新認(rèn)識(shí)到在UI設(shè)計(jì)中,使用得當(dāng)?shù)臐u變色彩,可以使界面和圖標(biāo)的設(shè)計(jì)感得到迅速提升。
一、垂直線性漸變
拉漸變是Photoshop的基礎(chǔ)操作,那么如何運(yùn)用的好看了?顏色選擇才是關(guān)鍵
我們把一個(gè)漸變顏色拆分成A B C三個(gè)顏色,每個(gè)顏色用HSB標(biāo)注顏色色值。
這是某App的一組引導(dǎo)畫(huà)面,運(yùn)用了三組漸變顏色,分別標(biāo)注HSB的色值,通過(guò)這組色值的變化,分析如下。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- ps基礎(chǔ)教程
- 博森設(shè)計(jì)
- 漸變知識(shí)
- 漸變教程
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 用戶體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- Photoshop初級(jí)教程-命令的技巧
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- 用戶體驗(yàn),如何讓用戶心動(dòng)?
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理
- 圖片畫(huà)冊(cè)平面設(shè)計(jì)排版ps理論教程