首頁

如何畫好一張描邊插畫?

資深UI設(shè)計(jì)者

描邊插畫:可以簡(jiǎn)單理解為眾多線面結(jié)合圖標(biāo)組合在一起,互相呼應(yīng)而組成一個(gè)大畫面。畫面中的元素除了面以外,還具有描邊,因此也叫描邊插畫。

本文內(nèi)容:文章會(huì)詳解如何畫一張描邊插畫,教程素材沒有用我之前的插畫來做步驟分解,而是新畫了一張插畫以作示范,繪畫原理都一樣,理解原理就好。除了具體步驟以外,會(huì)針對(duì)一些易犯錯(cuò)誤的地方添加重點(diǎn)標(biāo)記。

一點(diǎn)建議:看完文章后,可以按照我分享的方法來臨摹一遍,但我更趨向于小伙伴們能夠發(fā)揮自己的想象力,做一張屬于自己的原創(chuàng)插畫。畫完后若有不清楚的地方,歡迎在我的公眾號(hào)中添加微信并附帶插畫,可給予建議。

一、草圖階段

1. 確立主題,畫草稿

這次插畫的主題源自于我的一個(gè)夢(mèng):在草地上,遺落的帆布鞋里面長滿了鮮花,小鳥守在花的旁邊歌唱。

確定主題后,把腦海里的畫面畫出來,可以畫在紙上,也可以用數(shù)位板在 ps 里面畫,按照個(gè)人習(xí)慣就好。我比較喜歡手繪,因此在紙上畫。

2. 打開AI,調(diào)整設(shè)置

新建畫布1600*1200

視圖-勾選對(duì)齊點(diǎn)

3. 把草圖拉到畫面中,調(diào)整大小

二、線稿

1. 描邊設(shè)置及要注意的問題

在描邊插畫中,常見的問題之一就是描邊的粗細(xì)問題. 以及描邊間關(guān)系的處理問題。

描邊粗細(xì)問題(下圖以之前的四季插畫為例子)

描邊間關(guān)系處理

描邊設(shè)置

描邊的粗細(xì)是根據(jù)畫布大小而決定的,1600*1200的畫布,我習(xí)慣用 8pt 的粗細(xì)的線條,但是如果畫布是1200*900,8pt 則顯得過粗。具體的粗細(xì)可以根據(jù)情況而調(diào)整。

2. 線稿畫法

布爾運(yùn)算法

形狀斷點(diǎn)重連法

形狀生成器

鋼筆勾勒法

鋼筆勾勒法顧名思義就是用鋼筆直接描出物體的外形。在這個(gè)插畫中,植物的形狀比較隨性,因此用鋼筆直接勾勒比形狀剪切要快。繪制的過程中,注意調(diào)整線條的平滑度. 弧度,使其規(guī)整。在此不作示范。

三、色稿

1. 增加背景色

2. 色稿層的繪制

3. 顏色調(diào)整

4. 高光與暗部

5. 經(jīng)過高光與暗部塑造后的畫面

四、 風(fēng)格塑造與整體調(diào)整

1. 風(fēng)格塑造

最近看到 kit8 大神的畫,突然想到如果白線運(yùn)用在線性插畫會(huì)怎樣,就嘗試了這種風(fēng)格。把線稿復(fù)制一層置于頂上,改成白色,2px 粗細(xì)的線,然后向旁邊移動(dòng)錯(cuò)位,破一下畫面沉悶的感覺。


2. 整體調(diào)整

看到這里,你應(yīng)該也發(fā)現(xiàn)了,畫面是比較灰的,因?yàn)槲叶际沁x擇低飽和度的顏色,如果需要調(diào)整,就在 AI 中把插畫導(dǎo)出 SVG 格式。然后拖到 PS 里面進(jìn)行色相飽和度的調(diào)整。

3. 保存喜歡的配色

在顏色調(diào)整過程中,遇到喜歡的配色就保存下來,這樣一張插畫就完成了。

動(dòng)畫筆記06《文字路徑書寫MG動(dòng)畫》

資深UI設(shè)計(jì)者

推薦一個(gè)做路徑動(dòng)畫的腳本,還不錯(cuò),看看吧。

undefined

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

博博

UI妹兒 2018-02-22 11:13:02

我們平時(shí)做設(shè)計(jì)的時(shí)候,都會(huì)遇到挑選素材這個(gè)難題。

做UI的同學(xué),會(huì)瀏覽動(dòng)效網(wǎng)站尋找靈感又或者去挑選適合的圖標(biāo);做平面的同學(xué),特別是電商廣告的同學(xué),就會(huì)下載電商banner,還有高質(zhì)量的圖片;另外還有絕大部分的人都會(huì)在做報(bào)告的時(shí)候,下載漂亮的PPT和Word模版。如果剛好那時(shí)候你在找工作,還需要找精美的簡(jiǎn)歷模版……

但這些素材到底在什么地方找呢,又在什么地方找到高質(zhì)量又免費(fèi)好用的素材呢?

這次,我早已為大家準(zhǔn)備好。下面是我花費(fèi)大量時(shí)間精力整理而成的素材網(wǎng)站,全部都是親身試用后的精選出來的。希望能幫大家在找素材這條路上節(jié)省更多的時(shí)間,找到更適合自己的那些素材。

懶人福利

如果你覺得這些網(wǎng)站下載太麻煩

可以直接翻到文末

專門為大家整理好的

1000G高質(zhì)量精選設(shè)計(jì)素材

免費(fèi)送!

機(jī)會(huì)就一次,錯(cuò)過可以不用等下年了

因?yàn)榛顒?dòng)就這一次

常用素材

一、免費(fèi)可商用圖片

1、https://pixabay.com

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

全網(wǎng)共一百多萬張免費(fèi)圖片素材,且質(zhì)量非常高,種類繁多,適合每一個(gè)行業(yè)使用。

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

優(yōu)點(diǎn):種類很多,質(zhì)量高

缺點(diǎn):下載需注冊(cè),加載慢

推薦指數(shù):★★★★★ 4.5

2、https://unsplash.com

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

全世界的優(yōu)秀圖片網(wǎng)站,所以圖片風(fēng)格很豐富,而且大部分質(zhì)量都很高,分分種可以用來做壁紙!

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

優(yōu)點(diǎn):質(zhì)量高且優(yōu)秀,數(shù)量多,風(fēng)格獨(dú)特

缺點(diǎn):加載慢

推薦指數(shù):★★★★ 4

3、https://www.pexels.com

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

每日會(huì)更新100張高質(zhì)量的照片在首頁展示,無論風(fēng)光還是人物,這里應(yīng)有盡有。

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

優(yōu)點(diǎn):種類多,每日更新,不需注冊(cè)

缺點(diǎn):加載慢

推薦指數(shù):★★★★ 4

4、http://foter.com

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

網(wǎng)站開始會(huì)將素材分為商業(yè)、動(dòng)物和風(fēng)景三大類,如果你需要尋找其他圖片,可以直接在搜索欄直接搜索關(guān)鍵詞。

這里的圖片給我的感覺就是有趣,獨(dú)特,有很多圖片都很適合做海報(bào)。

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

優(yōu)點(diǎn):分類明確,質(zhì)量很高

缺點(diǎn):加載超慢,種類不多

推薦指數(shù):★★★★ 4

5、https://burst.shopify.com

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

網(wǎng)站最大好處在于幫你分成非常多的類別,盡管數(shù)量比不上其他網(wǎng)站那么多,但這里的圖片風(fēng)格都很統(tǒng)一,很有質(zhì)量,感覺看上去就很年輕化。

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

優(yōu)點(diǎn):風(fēng)格獨(dú)特,質(zhì)量高,分類明確

缺點(diǎn):數(shù)量不多

推薦指數(shù):★★★★ 4

6、https://negativespace.co

7、http://superfamous.com

8、http://librestock.com

9、http://www.sozai-page.com(日本食物類網(wǎng)站)

10、https://www.foodiesfeed.com(美食)

11、https://www.sitebuilderreport.com(一次性搜索31多家免費(fèi)可商用圖片的網(wǎng)站)

二、字體

1、https://fontsup.com

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

提供大量免費(fèi)的英文字體,質(zhì)量很高,也很有特色,每個(gè)字體還有一個(gè)詳情頁,非常用心

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

優(yōu)點(diǎn):種類多,質(zhì)量高,免費(fèi)下載

缺點(diǎn):加載稍慢,廣告有點(diǎn)多

推薦指數(shù):★★★★ 4.5

2、http://www.myfonts.com

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

網(wǎng)站提供的商業(yè)字體,質(zhì)量很高很漂亮,數(shù)量也很多。

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

優(yōu)點(diǎn):種類多,質(zhì)量高

缺點(diǎn):付費(fèi)

推薦指數(shù):★★★★ 4

3、http://comicneue.com

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

免費(fèi)手寫可愛字體下載

優(yōu)點(diǎn):質(zhì)量高,字體可愛

缺點(diǎn):數(shù)量較少,下載稍麻煩

推薦指數(shù):★★★★ 3.5

4、http://www.zhaozi.cn

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

找字網(wǎng),種類豐富,基本上可以找到市面上的所有字體。

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

優(yōu)點(diǎn):種類很多,方便查閱

缺點(diǎn):使用時(shí)注意商用版權(quán),僅中文字體

推薦指數(shù):★★★★ 4

5、http://www.17ziti.com

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

綜合性字體下載網(wǎng)站,里面包括英文字體、中文字體,甚至是手機(jī)字體。數(shù)量很多,唯一不足就是沒有注明版權(quán)范圍,所以商用的時(shí)候要注意。

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

優(yōu)點(diǎn):覆蓋中英文字體、種類多

缺點(diǎn):網(wǎng)站廣告稍多,沒有注明版權(quán)范圍

推薦指數(shù):★★★★ 4

UI設(shè)計(jì)素材

一、圖標(biāo)類

1、http://www.iconfont.cn

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

阿里媽媽MUX傾力打造的矢量圖標(biāo)管理、交流平臺(tái),內(nèi)含一百多萬個(gè)圖標(biāo)!

設(shè)計(jì)師將圖標(biāo)上傳到Iconfont平臺(tái),用戶可以自定義下載多種格式的icon,平臺(tái)也可將圖標(biāo)轉(zhuǎn)換為字體,便于前端工程師自由調(diào)整與調(diào)用。

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

優(yōu)點(diǎn):種類豐富,質(zhì)量超高,免費(fèi)下載,中文界面,阿里旗下

缺點(diǎn):不能打包下載、需注冊(cè)

推薦指數(shù):★★★★★ 4.5(滿分5星,下同)

2、https://www.flaticon.com

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

大型圖標(biāo)網(wǎng)站,里面擁有將近50萬個(gè)圖標(biāo),一萬多個(gè)圖標(biāo)集!種類豐富,質(zhì)量超高,且支持在線編輯。

優(yōu)點(diǎn):種類豐富,質(zhì)量可靠,免費(fèi)下載

缺點(diǎn):英文搜索,加載稍慢,打包下載需注冊(cè)(科學(xué)上網(wǎng))

推薦指數(shù):★★★★★ 4.5

3、http://fontello.com

覆蓋絕大部分網(wǎng)上可能應(yīng)用到的圖標(biāo),也就是說任何你需要的網(wǎng)站類圖標(biāo)都可以在這里找到。

優(yōu)點(diǎn):網(wǎng)站圖標(biāo)齊全,質(zhì)量高,免費(fèi)下載

缺點(diǎn):加載稍慢,僅有黑白圖標(biāo)

推薦指數(shù):★★★★ 4

4、https://thenounproject.com

擁有一百多萬個(gè)圖標(biāo)的大型圖標(biāo)網(wǎng)站,而且圖標(biāo)都是由全世界各地設(shè)計(jì)師設(shè)計(jì),質(zhì)量非常高!而且里面有很多有趣的圖標(biāo),例如下面鳥籠類圖標(biāo)集,非??ㄍ垡?!

優(yōu)點(diǎn):種類豐富,質(zhì)量超高,免費(fèi)下載

缺點(diǎn):英文搜索,加載慢,不能打包下載

推薦指數(shù):★★★★ 4

5、https://icomoon.io

聚合類圖標(biāo)網(wǎng)站,里面集合了不同網(wǎng)站的不同圖標(biāo),付費(fèi)免費(fèi)都有,種類超多。

優(yōu)點(diǎn):種類豐富,質(zhì)量一般,免費(fèi)下載

缺點(diǎn):英文搜索,加載超慢,操作復(fù)雜

推薦指數(shù):★★★★ 3.5

6、https://useiconic.com/open

7、http://dryicons.com/free-icons

8、http://www.iconarchive.com

9、http://www.entypo.com

10、http://glyphicons.com

二、其他

1、UIKIT.ME

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

各種免費(fèi)高質(zhì)量UI資源下載,Sketch、PSD甚至AE素材都有!

這個(gè)網(wǎng)站除了提供高質(zhì)量的素材以外,還提供超人性化的下載方式:(百度云)

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

優(yōu)點(diǎn):質(zhì)量高,免費(fèi)下載

缺點(diǎn):種類少,部分素材有重復(fù)

推薦指數(shù):★★★★ 4

2、TOSKETCH.COM

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

網(wǎng)站給我的感覺就是干凈,高大上!里面提供了工具包,網(wǎng)頁,移動(dòng),模型和圖標(biāo)等其他素材,而且這些素材都有一個(gè)特點(diǎn),就是質(zhì)量高且新鮮!所有素材都是上傳的,這個(gè)有點(diǎn)了不起。

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

優(yōu)點(diǎn):質(zhì)量超高,更新快,中文界面,百度云下載

缺點(diǎn):只提供Sketch資源

推薦指數(shù):★★★★ 4

3、UI8.NET

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

U18是設(shè)計(jì)素材圈的網(wǎng)紅,提供大量漂亮的超高質(zhì)量商業(yè)設(shè)計(jì)素材,但并非免費(fèi),絕大部分都需要付費(fèi)。

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

優(yōu)點(diǎn):質(zhì)量超高、數(shù)量豐富、界面清爽

缺點(diǎn):付費(fèi)(充值是個(gè)問題),加載稍慢,下載稍麻煩

推薦指數(shù):★★★★ 4

4、PRINCIPLEREPO.COM

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

高質(zhì)量Principle原型和動(dòng)效設(shè)計(jì)資源的網(wǎng)站,特別是動(dòng)效,每一個(gè)都非常漂亮,很有參考價(jià)值。

優(yōu)點(diǎn):質(zhì)量高,數(shù)量豐富,免費(fèi)下載

缺點(diǎn):加載很慢,只有動(dòng)效資源

推薦指數(shù):★★★★ 3.5

5、UISHE.CN

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

UI社,網(wǎng)站提供主題包、圖標(biāo)、界面和樣機(jī)素材等素材,屬于綜合性的素材下載網(wǎng)站。因?yàn)閲鴥?nèi)的網(wǎng)站,大家不用擔(dān)心加載慢等問題啦。

優(yōu)點(diǎn):種類很多,質(zhì)量高,下載方便

缺點(diǎn):付費(fèi)

推薦指數(shù):★★★★ 4

6、MOCKUP.ZONE

7、GRAPHBERRY.COM

8、GRAPHICTWISTER.COM

9、SKETCHAPPSOURCES.COM

10、DUNNK.COM

平面設(shè)計(jì)素材

1、千圖網(wǎng)(www.58pic.com)

國內(nèi)大型素材網(wǎng)站,素材幾乎覆蓋所有類目、廣告設(shè)計(jì)、電商設(shè)計(jì)和辦公室素材等。逢節(jié)假日都有提供主題素材提供下載,且質(zhì)量很高!

優(yōu)點(diǎn):種類超多、質(zhì)量高、免費(fèi)下載、主題分類

缺點(diǎn):非會(huì)員每日有數(shù)量限制

推薦指數(shù):★★★★★ 4.5

2、包圖網(wǎng)(http://ibaotu.com)

包圖網(wǎng),大型素材下載網(wǎng)站。全網(wǎng)站提供原創(chuàng)免費(fèi)可商用的素材下載,種類齊全且質(zhì)量超高,每日更新1000張!

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

優(yōu)點(diǎn):種類齊全,質(zhì)量超高,免費(fèi)下載,全站正版可商用

缺點(diǎn):非會(huì)員每日有數(shù)量限制

推薦指數(shù):★★★★★ 4.5

3、千庫網(wǎng)(http://588ku.com/)

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

大型素材網(wǎng)站,可能是國內(nèi)唯一一家專業(yè)設(shè)計(jì)師提供免摳圖PNG素材,全站2000萬+高質(zhì)量素材無限下載,推薦!

10年經(jīng)驗(yàn)設(shè)計(jì)師教你如何尋找高質(zhì)量素材

優(yōu)點(diǎn):種類多,專業(yè)提供免摳PNG源文件

缺點(diǎn):非會(huì)員每日有數(shù)量限制

推薦指數(shù):★★★★ 4.5

另外國內(nèi)還有付費(fèi)的昵圖網(wǎng)和我圖網(wǎng),免費(fèi)的有站長素材等等素材網(wǎng)站,數(shù)量很多這里就不一一舉例了。

Loading設(shè)計(jì)思路分享

博博


UI妹兒 2018-05-04 10:44:21

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

Loading設(shè)計(jì)思路分享

Loading作為一個(gè)常見,并且?guī)в信潘缘膭?dòng)畫,已經(jīng)被各路大神表現(xiàn)的淋漓盡至。那么如何在眾優(yōu)秀作品下,做出一個(gè)性化的Loading動(dòng)畫?

Loading設(shè)計(jì)思路分享

Loading種類:

1.狀態(tài)類(進(jìn)度條):通常數(shù)據(jù)量很大,客戶端已知加載量,并能根據(jù)當(dāng)前加載速度計(jì)算出何時(shí)加載完成。

狀態(tài)型的Loading以進(jìn)度條類為基準(zhǔn),可以為用戶提供預(yù)期時(shí)間,多伴隨百分比進(jìn)度出現(xiàn)。進(jìn)度條的形式以線性的形式出現(xiàn),已知總量,降低用戶對(duì)期待時(shí)間的感受。無聊的等待會(huì)讓人厭煩,作為一個(gè)UI設(shè)計(jì)師需要關(guān)注每一個(gè)細(xì)節(jié),尤其是用戶的情緒并將引導(dǎo)到加載后的頁面。

By Piotr Adam Kwiatkowski

2.無狀態(tài)類(菊花):通常數(shù)據(jù)量比較小,客戶端無法預(yù)知加載量。

Loading設(shè)計(jì)思路分享

無狀態(tài)類的Loaing以菊花為代表,通常都是一組可以無限循環(huán)播放的動(dòng)畫。

無狀態(tài)類的Loaing如有需要可以做的特別一些:https://dribbble.com/search?q=loading

我們的App需要一個(gè)無狀態(tài)的Loading。

我始終相信設(shè)計(jì)的直覺很重要,抓住直覺的爆發(fā)點(diǎn),是一個(gè)成熟設(shè)計(jì)師必備的素質(zhì)。于是先按照最初的想法快速做了一版。

Loading設(shè)計(jì)思路分享

相信很多人對(duì)這個(gè)Loaing眼熟,當(dāng)然,這肯定不是我們要的效果,不過在制作這Loading的時(shí)候不斷的推翻自己的想法,時(shí)而清醒時(shí)而模糊,感覺突然找到了方向但瞬間也可能煙消云散。這種不斷反復(fù)的過程中還是收獲了很多。

Loading設(shè)計(jì)思路分享

既然是無限,循環(huán),表現(xiàn)上就不能過于缺乏趣味,這個(gè)度很難把握。形式感上面設(shè)計(jì)要簡(jiǎn)單,又要通過最直接的方法創(chuàng)造空間感,偶然間發(fā)現(xiàn)馬戲團(tuán)的拋球表演。突然間有了靈感,于是就沿著這個(gè)思路開始動(dòng)手設(shè)計(jì):

我嘗試去直接模仿拋棄的運(yùn)動(dòng),但是效果并不是很好,但是從Demo中可以看出,值得很入研究。

為此我們搜索了一下現(xiàn)實(shí)中的扔球效果:

Loading設(shè)計(jì)思路分享

經(jīng)過分析我們得出了第一條小球的運(yùn)動(dòng)路經(jīng)是一個(gè)無限的符號(hào)。

工作路經(jīng)確定后,導(dǎo)入C4D中進(jìn)行單球運(yùn)動(dòng)軌跡測(cè)

由于實(shí)例中,小球會(huì)受到重力以及加速度的影響,并非勻速運(yùn)動(dòng),但在實(shí)際Loading制作過程中,為了視覺效果,我們希望小球做勻速運(yùn)動(dòng)

發(fā)現(xiàn)問題:小球在中心焦點(diǎn)位置出現(xiàn)明顯卡頓

起初我們認(rèn)為是速度曲線沒有調(diào)整好所導(dǎo)致的,但我們嘗試幾版后發(fā)現(xiàn)并不是這樣,最后我們發(fā)現(xiàn)導(dǎo)致這個(gè)問題的原因是路經(jīng)節(jié)點(diǎn)問題。

Loading設(shè)計(jì)思路分享

調(diào)整節(jié)點(diǎn)

通過調(diào)整節(jié)點(diǎn)后,不難發(fā)現(xiàn),中心焦點(diǎn)處的卡頓明顯不見了

為了加強(qiáng)透視效果,我們將球的大小和顏色進(jìn)行了關(guān)鍵幀處理,這已處理增加的景深對(duì)視覺的沖擊,使得空間感更強(qiáng)了。

看起來怪怪的。。。。。

為了使整個(gè)運(yùn)動(dòng)規(guī)律更加精準(zhǔn),我們發(fā)現(xiàn)運(yùn)動(dòng)的起點(diǎn)距離是關(guān)鍵,不懈的追求完美的情況下,總是會(huì)有頓悟的時(shí)刻,幸運(yùn)的是找到了問題的所在

三個(gè)球勻速運(yùn)動(dòng)的情況下,應(yīng)該保證每相鄰兩個(gè)球之間路經(jīng)上的距離是相同的。

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

設(shè)計(jì)流程與產(chǎn)品分析

藍(lán)藍(lán)設(shè)計(jì)的小編

為什么近期市場(chǎng)上會(huì)出現(xiàn)大片的方法論呢?究其原因:是一種壞的學(xué)術(shù)風(fēng)氣或普通群眾的跟風(fēng)心里導(dǎo)致的。


互聯(lián)網(wǎng)興起初期,沒有相應(yīng)的專業(yè)或產(chǎn)品設(shè)計(jì)的學(xué)派,大部分設(shè)計(jì)師的出發(fā)點(diǎn)基本圍繞「解決問題」的角度來做產(chǎn)品設(shè)計(jì)。當(dāng)時(shí)唯一的理論點(diǎn)就是現(xiàn)在所謂的「競(jìng)品分析」。

谷歌對(duì)話式交互規(guī)范指南系列:對(duì)話式界面的概念和機(jī)制

資深UI設(shè)計(jì)者

語音交互是一個(gè)全新的體驗(yàn)設(shè)計(jì)領(lǐng)域,目前各家機(jī)構(gòu)、公司、設(shè)計(jì)組織還處于摸索設(shè)計(jì)范式的階段,Google提供了一份非常成熟、系統(tǒng)的交互規(guī)范文檔,其中包含了核心概念的詮釋以及諸多可以指導(dǎo)設(shè)計(jì)的實(shí)踐原則。最近正在做的項(xiàng)目中涉及到語音交互的部分,所以順手將這份文檔翻譯出來,給需要的設(shè)計(jì)師參考。

我的譯文盡量的貼合文檔中原有的表意,同時(shí)基于我個(gè)人對(duì)語音交互的理解對(duì)表達(dá)文字進(jìn)行潤色。其中有個(gè)別概念名詞比較抽象,所以我也旁邊附上了英文單詞,以便大家理解。

我們正在進(jìn)入一個(gè)有光明前景的全新計(jì)算領(lǐng)域,機(jī)器學(xué)習(xí)和人工智能激發(fā)著對(duì)話式界面和自然語言的進(jìn)步,同時(shí)使對(duì)話式交互成為一種新的交互模式。

史上最詳細(xì) iPad 插畫入門教程

用心設(shè)計(jì)

iPad 在很長一段時(shí)間內(nèi)對(duì)于筆者來說,都是看視頻玩游戲的工具。但由于手機(jī)更易攜帶且功能接近,iPad
就逐漸被我忽略在了角落里安靜地吃灰。直到 iPad Pro 發(fā)布,我突然意識(shí)到了 iPad 是可以畫插畫的,即使是我的舊 iPad
也可以老樹逢春。于是我懷揣著「舊物利用」的環(huán)保理念開始了 iPad 插畫的研究之路。下面我把總結(jié)的入門經(jīng)驗(yàn)分享給大家。(教程適用于所有版本的
iPad 哦)。篇幅可能有點(diǎn)長,be patient, 好伐?

史上最詳細(xì) iPad 插畫入門教程

設(shè)計(jì)中的中宮指什么?不懂這個(gè)談字體結(jié)構(gòu)和造型都白搭

用心設(shè)計(jì)

字體設(shè)計(jì)中,新手設(shè)計(jì)師才說字體結(jié)構(gòu)松散或緊湊,設(shè)計(jì)老司機(jī)只談中宮。



你肯定也有這樣的感受,因?yàn)檎務(wù)撟煮w結(jié)構(gòu)松散或緊湊只是對(duì)字體造型的直觀描述,并無更多內(nèi)涵或?qū)嶋H意義上的指導(dǎo)。



設(shè)計(jì)中的中宮指什么?不懂這個(gè)談字體結(jié)構(gòu)和造型都白搭

字體設(shè)計(jì)的細(xì)節(jié)&形式感

用心設(shè)計(jì)



明明想法思路都對(duì)了,為什么最后呈現(xiàn)出的效果卻...略顯遺憾呢?字習(xí)時(shí)間的活動(dòng)到七十多期了,其中發(fā)現(xiàn)很多作品想法思路是正確的,有些還很有意思,但整體視覺效果確一般,那為什么所想和所做會(huì)有如此差距?

所以有了本期要和大家聊的主題:字體設(shè)計(jì)的細(xì)節(jié)和形式感。本篇將會(huì)通過一些實(shí)例帶大家認(rèn)識(shí)字體細(xì)節(jié)和形式感,所用大部分實(shí)例選自我課堂中的現(xiàn)場(chǎng)修改,時(shí)間短暫難免有瑕疵,望理解。

字體設(shè)計(jì)的細(xì)節(jié)&形式感

設(shè)計(jì)的溝通:每一步都算數(shù)

用心設(shè)計(jì)

寫在前面:

設(shè)計(jì)是一門溝通的藝術(shù),跟信息的溝通,跟設(shè)計(jì)的溝通,跟人的溝通,都是在溝通中獲取信息,達(dá)到目的。

下面我分享幾個(gè)自身工作的經(jīng)驗(yàn),希望對(duì)大家有所幫助。


設(shè)計(jì)的溝通:每一步都算數(shù)

日歷

鏈接

個(gè)人資料

存檔