<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 首頁

          小身材,大影響。你應該知道的圖標基礎知識

          資深UI設計者

          如今的用戶界面中,圖標絕對是不可或缺的元素。雖然絕大多數(shù)的圖標都很小,甚至不被人注意到,但是它們幫助設計和用戶解決了許多問題。圖標是可用性和導航的關鍵,用戶能夠感知到圖標的功用,但是只有設計師才會明白,想要讓圖標簡約、可用還富有表現(xiàn)力,要耗費多少時間和精力。

          喬布斯曾經(jīng)說過:“細節(jié)至關重要,花費時間仔細打磨是值得的。”圖標是現(xiàn)如今UI界面中可用性和導航體系的核心組件,所以,今天的文章,我們來仔細歸納一下常見的圖標類型和它們在UI中的使用。

          漢堡圖標不好使?這5個替代方案幫你搞定移動端導航

          資深UI設計者

          對于設計師而言,移動端設備屏幕上的每一寸空間都是寶貴的資源。為了在小屏幕上做更多的事情,設計師在設計導航系統(tǒng)的時候,通常需要花費更多的時間來打磨。漢堡圖標在過去幾年當中,是最常見的一種設計策略,導航和選項被隱藏在這個小小的圖標之后,但是實際上,雖然大眾已經(jīng)習慣了它的存在,但是它并不是最佳的導航設計方案。

          在今天的文章當中,我們會探討為什么漢堡菜單這樣的隱藏式導航影響用戶體驗,以及可用性更強的替代方案。

          為何漢堡圖標會破壞用戶體驗

          在移動端設備上,我們看到的可見式導航其實比漢堡圖標這樣的隱藏式導航更多,前者大概是后者的2.5倍。

          品牌基因法做圖標(升級篇)

          用心設計

          圖標設計如何具有品牌性?這可能是設計師工作中經(jīng)常會遇到的問題。


          但很多新人也許并不了解什么是品牌性,更不知道如何將品牌性融入到圖標當中,不過沒關系,看了這篇文章你就不會那么困惑了!

          品牌基因法做圖標(升級篇)

          品牌基因法做圖標——實戰(zhàn)篇

          用心設計

          我們今天來聊的是一個真實的工作任務,做任務的整個過程分為以下幾個階段:


          1.收到任務

          2.找參考

          3.根據(jù)參考執(zhí)行

          4.感覺沒有品牌性

          5.根據(jù)品牌基因法提取基因

          6.再次執(zhí)行

          7.棒棒噠


          品牌基因法做圖標——實戰(zhàn)篇

          用品牌基因法做圖標設計,高級UI設計師才會的手法!(實戰(zhàn)篇)

          資深UI設計者

          1. 收到任務

          我們每天都可能收到不同的設計任務,作為設計師,順利的完成這些任務是我們最基本的能力,那我們今天要講的任務是什么呢?

          嘿嘿!一套天氣圖標。

          認真的構思中…..

          2. 找參考

          算了,還是先看看別人都是怎么做的吧!

          我找了一堆參考,隨機選幾個展示下,如下圖(圖片采集于花瓣網(wǎng)):

          前端Boostrap系列之一:稀世珍寶:270款圓滑的 Twitter Boostrap 矢量圖標

          藍藍設計的小編



          如果你不那么在意許可證,那么還有很多類似的字體圖標庫可以使用,最引人注目的是 Font Awesome。下載此字體時,你還會收到所有 SVG 格式的矢量圖標,這樣你就可以修改這些字體,使其更加完善,并貢獻到 Github 上面。

           



          一站式圖標設計指南

          用心設計

          這是一篇由國外萬粉dribbble大神Justas
          Galaburda免費提供的圖標設計指南,在國外的UI設計圈子里算是引起了不小的關注。與一些小伙伴所期待的可能不一樣的一點是,這是一篇側(cè)重于方法論方面的指南,涵蓋了從設計第一枚圖標開始到完成一整套圖標所需要的一切,而不是一篇側(cè)重于軟件技術方面的指南。

          一站式圖標設計指南

          巧奪天工!50枚來自Behance、DRIBBBLE的超精致圖標

          藍藍設計的小編

          自從蘋果iOS系統(tǒng)推出后,擬物化圖標設計逐漸風靡全球(好吧!讓我們暫時別提iOS7的扁平風),隨著技術發(fā)展,設計師們也越來越厲害,圖標做得愈加精致。如果你是一個移動界面設計師,或者你對圖標設計感興趣,那就千萬不要錯過接下來的這50枚精致圖標!希望它們能給你帶來創(chuàng)意與靈感。

          多嘗試,多練習,多模仿,你也可以的!
          PS+AI制作精致可愛的毛線風格圖標
          在PHOTOSHOP中創(chuàng)建精細的工具圖標

          Minion App Icon by CreativeDash

          iOS Icon by Eugene Zolotco


          導航設計趨勢!關于圖標式導航的改進

          藍藍設計的小編

          不知不覺的,很多網(wǎng)頁設計中采用了圖標式導航(Navigation)——一般使用三道杠作為圖標,用以導航。
          這種導航的好處是節(jié)省空間,讓界面更簡潔。

          圖標式導航的案例

          這是YouTube 圖標式導航(移動版):

          為導航瘦身!關于圖標式導航的改進

          這是Squarespace的圖標式導航:


          為導航瘦身!關于圖標式導航的改進

          AWARD的圖標式導航不拘一格:

          導航設計趨勢!關于圖標式導航的改進

          藍藍設計的小編

          不知不覺的,很多網(wǎng)頁設計中采用了圖標式導航(Navigation)——一般使用三道杠作為圖標,用以導航。
          這種導航的好處是節(jié)省空間,讓界面更簡潔。

          圖標式導航的案例

          這是YouTube的圖標式導航(移動版):

          為導航瘦身!關于圖標式導航的改進

          這是Squarespace的圖標式導航:

          為導航瘦身!關于圖標式導航的改進

          AWARD的圖標式導航不拘一格:

          為導航瘦身!關于圖標式導航的改進

          問題所在

          問題在于,點擊圖標式導航之后,圖標本身沒有任何變化。也就是說:操作缺乏反饋

           

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.sdgs6788.com

          存檔

          久久久久久综合一区中文字幕| 伊人久久大香线蕉综合网站| 国产精品一区二区久久不卡| 国产精品9999久久久久| 国产精品久久久久一区二区三区| 久久无码一区二区三区少妇| 亚洲日韩中文无码久久| 久久久综合九色合综国产| 亚洲а∨天堂久久精品9966| 99久久99久久久精品齐齐| 老司机午夜网站国内精品久久久久久久久| 久久乐国产综合亚洲精品| 久久国产成人精品麻豆| 伊人久久综合精品无码AV专区| 精品久久久久久99人妻| 亚洲av成人无码久久精品| 欧美日韩中文字幕久久久不卡 | 久久精品国产99久久无毒不卡 | 久久精品夜色噜噜亚洲A∨| 亚洲一区精品伊人久久伊人| .精品久久久麻豆国产精品| 久久天天躁夜夜躁狠狠| 精品一久久香蕉国产线看播放| 久久综合九色综合网站| 超级97碰碰碰碰久久久久最新| 国产精品成人99久久久久91gav| 久久精品国产免费观看三人同眠| 久久福利片| 国产成人久久精品二区三区| 久久66热人妻偷产精品9| 久久这里只有精品18| 无码八A片人妻少妇久久| 国产一区二区久久久| 欧美精品一区二区久久| 久久人人爽人人爽人人片AV麻豆 | 久久综合精品国产一区二区三区| 国产精品美女久久久m| 99久久精品午夜一区二区| 国内精品久久久久伊人av| 狠色狠色狠狠色综合久久| 久久亚洲精品中文字幕三区|