• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>
    1. <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>

      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av

      首頁

      2018年的20個最佳網(wǎng)站設(shè)計啟發(fā)你!

      博博


      番茄匠APP 2018-05-18 15:07:48

      美麗的獲獎網(wǎng)站

      1. Feed

      獎勵:Awwwards當日的場地(6/6/2015)

      Feed不僅是一個有趣的概念,它還有一個令人驚嘆的執(zhí)行過程,它挑戰(zhàn)了我們對網(wǎng)絡(luò)上的可能性的理解。通過動畫和視頻的創(chuàng)意融合,該網(wǎng)站讓用戶沉浸在非常吸引人的體驗中。作為一個非典型的網(wǎng)站,它還包含幾個獨特的可用性元素,其中包括一個導航,可以作為滾動進度條加倍。

      2018年的20個最佳網(wǎng)站設(shè)計啟發(fā)你!

      2. crypton.trading

      獎項:Awwwards當日的場地(4/3/2018)

      認識你的機器人會計師crypton.trading。

      Crypton.trading是比特幣等加密貨幣的交易中心,它使用人工智能來預測貨幣價值的變化并確定關(guān)鍵的購買和銷售機會。該網(wǎng)站因其開發(fā)和設(shè)計而被評為高,因為它逐漸向更多的下游游客滾動,更多地解釋了開發(fā)者的方法。

      這個屢獲殊榮的網(wǎng)站讓熟悉技術(shù)的訪問者在主頁上出現(xiàn)Crypt的問候時感到賓至如歸,每次只有一封信。

      2018年的20個最佳網(wǎng)站設(shè)計啟發(fā)你!

      3. ETQ

      獎勵:Awwwards當日的場地(5/19/2015)

      ETQ采用非常簡約的電子商務(wù)方式,在精簡的網(wǎng)站上放置大量引人注目的產(chǎn)品視頻。簡單,平坦,基于顏色的背景伴隨著強大的印刷術(shù),有助于將注意力集中在用戶到達的地方:鞋子。

      2018年的20個最佳網(wǎng)站設(shè)計啟發(fā)你!

      4. Mikiya Kobayashi

      獎勵:Awwwards當日的場地(7/4/2015)

      Mikiya是一位產(chǎn)品設(shè)計師,擁有簡約的作品集,通過強大的攝影和微妙的動畫展示了他的作品。他的全部網(wǎng)站最初是用日文創(chuàng)作的,然后翻譯成英文,這有助于展示他設(shè)計的國際可擴展性。

      2018年的20個最佳網(wǎng)站設(shè)計啟發(fā)你!

      5. Inside Abbey Road

      獎項:最佳音樂網(wǎng)站,2016年威比獎

      谷歌通過這個高度互動的網(wǎng)站將它從公園打出來,讓用戶可以進入Abbey Road Studios。輝煌的聲音設(shè)計,導航機制以及混合了通常的“Google風格”的視覺效果都有助于吸引訪問者訪問這個制作精良的網(wǎng)絡(luò)媒體資源。

      2018年的20個最佳網(wǎng)站設(shè)計啟發(fā)你!

      6. Citrix: The New Mobile Workforce

      獎:每日網(wǎng)站(11/23/2017),最佳網(wǎng)站圖庫

      這個網(wǎng)站致力于紅牛與基于云計算軟件公司思杰的合作,這是非常了不起的。

      新移動員工隊是思杰旗下的一個網(wǎng)站,它使用全景攝影技術(shù)向觀眾展示思杰如何支持紅牛車隊的新賽車。即使你不是賽車愛好者,該網(wǎng)站的巧妙動畫也可以解釋復雜的汽車技術(shù),這一點很難忽略。

      2018年的20個最佳網(wǎng)站設(shè)計啟發(fā)你!

      7. The History of Climate Change

      獎勵:Awwwards當日網(wǎng)站(6/23/2015)

      按照Luc Jacquet的腳步,Wild-Touch將帶您參觀關(guān)于全球氣候變化歷史的視覺和教育之旅。歷史媒體和獨特動畫的混合有助于講述故事。

      2018年的20個最佳網(wǎng)站設(shè)計啟發(fā)你!

      8. Beagle

      獎:每日網(wǎng)站(4/19/2015),最佳網(wǎng)站圖庫

      比格爾以一種簡單易懂的方式在視覺上和逐步地講述他們產(chǎn)品的故事方面做得非常出色。這對許多創(chuàng)業(yè)公司來說是一個重大挑戰(zhàn),特別是當他們將新概念引入現(xiàn)有市場時。人們想知道,“你的產(chǎn)品是什么?它是如何工作的?為什么我在乎?” 比格爾回答所有這些問題,同時展示他們的產(chǎn)品并強制用戶購買。另外,他們是實際上正確實施“滾動劫持”的幾個網(wǎng)站之一。

      2018年的20個最佳網(wǎng)站設(shè)計啟發(fā)你!

      9. Southwest: Heart of Travel

      獎:最佳視覺設(shè)計 - 審美,2018年威比獎

      當西南航空想要證明其客戶不僅僅是一個美元符號時,該公司創(chuàng)建了一個網(wǎng)站,其設(shè)計使用客戶航線的形狀進行組裝。

      這個名為“旅行之心 ”的網(wǎng)站甚至允許游客在他們計劃參加的旅行中創(chuàng)建自己的作品。這樣,西南航空的網(wǎng)站就是他們最忠誠的乘客的產(chǎn)品。

      2018年的20個最佳網(wǎng)站設(shè)計啟發(fā)你!

      10. Woven Magazine

      獎:每日網(wǎng)站(4/4/2015),最佳網(wǎng)站圖庫

      Woven是一個在線刊物,為藝術(shù)家,工匠和制作人員提供贊美。對我而言,他們代表了一種確認,即出版物可以(也應(yīng)該)擁有美觀且引人入勝的網(wǎng)站,內(nèi)容易于閱讀。這個網(wǎng)站沒有像彈出窗口和突兀的廣告這樣的分心,而是關(guān)于內(nèi)容本身的體驗。

      2018年的20個最佳網(wǎng)站設(shè)計啟發(fā)你!

      11. JOHO's Bean

      獎勵:當日FWA(2015年8月8日),網(wǎng)站獎

      JOHO's Bean的網(wǎng)站有令人難以置信的圖像,交互性,講故事,視覺設(shè)計,最重要的是音響工程。這些都聚集在一起,創(chuàng)造出一個引人入勝,情緒化和引人入勝的網(wǎng)站,講述咖啡豆之旅的故事。

      2018年的20個最佳網(wǎng)站設(shè)計啟發(fā)你!

      12. NOWNESS

      獎項:最佳文化博客/網(wǎng)站,2017年威比獎

      Nowness可能是當今互聯(lián)網(wǎng)上最酷的眾包視頻博客。那真是一口......所有這些意味著什么?

      NOWNESS的“眾包”性質(zhì)是其獲獎?wù)叩囊徊糠帧_@意味著其大部分內(nèi)容來自獨立廣告素材 - 這是企業(yè)發(fā)布內(nèi)容的一種日益流行的方式。NOWNESS也是一個視頻博客,這意味著它的所有博客內(nèi)容都是視頻格式??傊?,這些品質(zhì)有助于使Nowness成為各個品牌努力講述的故事的迷人中心。

      2018年的20個最佳網(wǎng)站設(shè)計啟發(fā)你!

      13. Virgin America

      獎項:最重要的行業(yè)演變,2014 UX獎

      在一個已知航空網(wǎng)站充斥著主要可用性問題的世界中,維珍美國公司擁有推動可用性,可訪問性和快速響應(yīng)設(shè)計的最佳網(wǎng)站之一。事實上,它被命名為第一個真正快速響應(yīng)的航空公司網(wǎng)站,這是該行業(yè)的一個新的先例。

      2018年的20個最佳網(wǎng)站設(shè)計啟發(fā)你!

      14. World of SWISS

      獎項:最佳用戶界面,2015年威比獎

      另一家航空公司?發(fā)生什么事?!是的,瑞航的航空公司建立了一個令人難以置信的身臨其境的網(wǎng)站,講述他們的故事,并描述與他們一起飛行的感覺 - 而且他們的工作太過繁重,無人理睬。強大的視覺效果和動畫將用戶介紹到網(wǎng)站的不同部分,這些部分除了通常的銷售和市場營銷信息外,還包含了今天如此常見的信息。

      2018年的20個最佳網(wǎng)站設(shè)計啟發(fā)你!

      15. Reductress

      獎項:最佳幽默網(wǎng)站,2018年威比獎

      在互聯(lián)網(wǎng)上嘲笑別人并不難,我們在網(wǎng)上閱讀和消費的東西很多都是為了娛樂。但是對于大量觀眾來說,很難一致地做到這一點。Reductress是一本諷刺雜志,其頭條和一般閱讀體驗是幽默部門的 - 使網(wǎng)站本身成為一個高質(zhì)量的財產(chǎn)。

      2018年的20個最佳網(wǎng)站設(shè)計啟發(fā)你!

      其他酷網(wǎng)站設(shè)計

      16. Minimums

      Minimums采用非常大膽的方式展示他們的內(nèi)容,利用基于網(wǎng)格的網(wǎng)站設(shè)計,大字體和全幅高質(zhì)量圖像。他們的網(wǎng)站是如何正確執(zhí)行網(wǎng)格結(jié)構(gòu),同時在設(shè)計中保持良好的視覺層次結(jié)構(gòu)的一個非常好的例子。

      2018年的20個最佳網(wǎng)站設(shè)計啟發(fā)你!

      17. Guillaume Tomasi

      作為蒙特利爾的攝影師,Guillaume Tomasi建立了一個真正適合他的獨特而令人敬畏的攝影作品。他超現(xiàn)實的照片風格與簡單,平坦,空洞,簡約的組合設(shè)計并列,將所有的焦點放在作品本身上。

      他獨特的系列導航加上藝術(shù)畫廊風格的作品介紹和完美的滾動互動讓人聯(lián)想到真實畫廊的體驗。

      2018年的20個最佳網(wǎng)站設(shè)計啟發(fā)你!

      18. The District

      這家品牌代理機構(gòu)認真對待它的形象,它應(yīng)該 - 為客戶處理所有媒體渠道。該地區(qū)的網(wǎng)站,是通過一些你見過的最美麗的藝術(shù)品和攝影的旅程。

      當你探索網(wǎng)站時,這些挑釁性的瓷磚變化很快,而且他們看起來更加奇特,對你學習過去的工作越感興趣。

      2018年的20個最佳網(wǎng)站設(shè)計啟發(fā)你!

      19. Tej Chauhan

      Tej Chauhan通過這個有趣的網(wǎng)站將印象派藝術(shù)品變成了商業(yè)模式。該產(chǎn)品開發(fā)人員主頁上的每張圖片都會滑出以覆蓋上一張圖片,從而為您現(xiàn)在在您面前看到的物體提供很少的背景信息。

      但是,是不是缺乏正確的背景知識,讓你想了解更多?標語“近期未來的紀念品”表明這些物品是他們產(chǎn)品線的一部分 - 這是您將這些創(chuàng)新物品帶入您的生活的機會。

      2018年的20個最佳網(wǎng)站設(shè)計啟發(fā)你!

      20. Amanda Martocchio Architecture

      一家建筑公司可能并不專注于網(wǎng)站開發(fā),但其網(wǎng)站仍應(yīng)展示其對視覺上令人愉悅的設(shè)計的承諾。這個華麗的網(wǎng)站讓阿曼達·馬托基奧把它放在心上。

      Amanda Martocchio Architecture喜歡它的作品并不是什么秘密- 它網(wǎng)站主頁上的每張圖片都是公司設(shè)計的房屋的迷人鏡頭。該網(wǎng)站標出了每個房屋的滾動條件,以及各種建筑物的各種角度。

      2018年的20個最佳網(wǎng)站設(shè)計啟發(fā)你!

      如何畫好一張描邊插畫?

      濤濤

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

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

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

      一、草圖階段

      1. 確立主題,畫草稿

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

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

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

      新建畫布1600*1200

      視圖-勾選對齊點

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

      二、線稿

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

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

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

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

      描邊設(shè)置

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

      2. 線稿畫法

      布爾運算法

      形狀斷點重連法

      形狀生成器

      鋼筆勾勒法

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

      三、色稿

      1. 增加背景色

      2. 色稿層的繪制

      3. 顏色調(diào)整

      4. 高光與暗部

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

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

      1. 風格塑造

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


      2. 整體調(diào)整

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

      3. 保存喜歡的配色

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

      動畫筆記06《文字路徑書寫MG動畫》

      濤濤

      推薦一個做路徑動畫的腳本,還不錯,看看吧。

      undefined

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

      博博

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

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

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

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

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

      懶人福利

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

      可以直接翻到文末

      專門為大家整理好的

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

      免費送!

      機會就一次,錯過可以不用等下年了

      因為活動就這一次

      常用素材

      一、免費可商用圖片

      1、https://pixabay.com

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

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

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

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

      缺點:下載需注冊,加載慢

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

      2、https://unsplash.com

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

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

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

      優(yōu)點:質(zhì)量高且優(yōu)秀,數(shù)量多,風格獨特

      缺點:加載慢

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

      3、https://www.pexels.com

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

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

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

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

      缺點:加載慢

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

      4、http://foter.com

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

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

      這里的圖片給我的感覺就是有趣,獨特,有很多圖片都很適合做海報。

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

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

      缺點:加載超慢,種類不多

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

      5、https://burst.shopify.com

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

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

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

      優(yōu)點:風格獨特,質(zhì)量高,分類明確

      缺點:數(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多家免費可商用圖片的網(wǎng)站)

      二、字體

      1、https://fontsup.com

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

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

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

      優(yōu)點:種類多,質(zhì)量高,免費下載

      缺點:加載稍慢,廣告有點多

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

      2、http://www.myfonts.com

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

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

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

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

      缺點:付費

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

      3、http://comicneue.com

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

      免費手寫可愛字體下載

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

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

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

      4、http://www.zhaozi.cn

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

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

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

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

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

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

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

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

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

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

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

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

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

      UI設(shè)計素材

      一、圖標類

      1、http://www.iconfont.cn

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

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

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

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

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

      缺點:不能打包下載、需注冊

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

      2、https://www.flaticon.com

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

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

      優(yōu)點:種類豐富,質(zhì)量可靠,免費下載

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

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

      3、http://fontello.com

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

      優(yōu)點:網(wǎng)站圖標齊全,質(zhì)量高,免費下載

      缺點:加載稍慢,僅有黑白圖標

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

      4、https://thenounproject.com

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

      優(yōu)點:種類豐富,質(zhì)量超高,免費下載

      缺點:英文搜索,加載慢,不能打包下載

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

      5、https://icomoon.io

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

      優(yōu)點:種類豐富,質(zhì)量一般,免費下載

      缺點:英文搜索,加載超慢,操作復雜

      推薦指數(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)驗設(shè)計師教你如何尋找高質(zhì)量素材

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

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

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

      優(yōu)點:質(zhì)量高,免費下載

      缺點:種類少,部分素材有重復

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

      2、TOSKETCH.COM

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

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

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

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

      缺點:只提供Sketch資源

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

      3、UI8.NET

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

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

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

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

      缺點:付費(充值是個問題),加載稍慢,下載稍麻煩

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

      4、PRINCIPLEREPO.COM

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

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

      優(yōu)點:質(zhì)量高,數(shù)量豐富,免費下載

      缺點:加載很慢,只有動效資源

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

      5、UISHE.CN

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

      UI社,網(wǎng)站提供主題包、圖標、界面和樣機素材等素材,屬于綜合性的素材下載網(wǎng)站。因為國內(nèi)的網(wǎng)站,大家不用擔心加載慢等問題啦。

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

      缺點:付費

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

      6、MOCKUP.ZONE

      7、GRAPHBERRY.COM

      8、GRAPHICTWISTER.COM

      9、SKETCHAPPSOURCES.COM

      10、DUNNK.COM

      平面設(shè)計素材

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

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

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

      缺點:非會員每日有數(shù)量限制

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

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

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

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

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

      缺點:非會員每日有數(shù)量限制

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

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

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

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

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

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

      缺點:非會員每日有數(shù)量限制

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

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

      Loading設(shè)計思路分享

      博博


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

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

      Loading設(shè)計思路分享

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

      Loading設(shè)計思路分享

      Loading種類:

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

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

      By Piotr Adam Kwiatkowski

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

      Loading設(shè)計思路分享

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

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

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

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

      Loading設(shè)計思路分享

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

      Loading設(shè)計思路分享

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

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

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

      Loading設(shè)計思路分享

      經(jīng)過分析我們得出了第一條小球的運動路經(jīng)是一個無限的符號。

      工作路經(jīng)確定后,導入C4D中進行單球運動軌跡測

      由于實例中,小球會受到重力以及加速度的影響,并非勻速運動,但在實際Loading制作過程中,為了視覺效果,我們希望小球做勻速運動

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

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

      Loading設(shè)計思路分享

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

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

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

      看起來怪怪的。。。。。

      為了使整個運動規(guī)律更加精準,我們發(fā)現(xiàn)運動的起點距離是關(guān)鍵,不懈的追求完美的情況下,總是會有頓悟的時刻,幸運的是找到了問題的所在

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

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

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

      藍藍設(shè)計的小編

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


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

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

      濤濤

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

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

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

      史上最詳細 iPad 插畫入門教程

      用心設(shè)計

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

      史上最詳細 iPad 插畫入門教程

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

      用心設(shè)計

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



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



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

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

      用心設(shè)計



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

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

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

      日歷

      鏈接

      個人資料

      藍藍設(shè)計的小編 http://www.wtxcl.cn

      存檔