您現在的位置是:電腦技術吧?>? 組裝維修 ??>??常用圖標,圖標??>??正文詳情

常用圖標,圖標

其爾安2019-11-23 12:31:30 人圍觀
簡介輸入法圖標不見了怎么辦現在越來越多的移動應用和web應用開始重視動態效果的設計,它能給用戶帶來愉悅的交互體驗,是應用美觀圖標的重要組成部分,即圖標。在交互過程中,各種

現在越來越多手機應用和web應用都開始注重動效的設計,恰到好處的動效可以給用戶帶來愉悅的交互體驗,是應用顏值擔當的一大重要部分。

  icon,也就是圖標。

在交互過程中,應用各種icon都會跟隨不同的事件發生不同的轉換。

舉兩個例子,一個音樂播放器的播放模式改變和充電時電量圖標的改變。

  過去,icon的轉換都十分死板,而近年來開始流行在切換icon的時候加入過渡動畫,這種動效給用戶體驗帶來的正面效果十分明顯,給應用添色不少。

  然而面對icon動效,我們應該如何設計?今天分享幾個設計icon動效的思路。

在此說明一下,配圖的動效有些是臨摹有些是原創,只為了統一樣式方便閱讀。

  一、屬性轉換法  這是最為普遍也最為簡單的一種icon切換思路。

  屬性包含了位置、大小、旋轉、透明度、顏色等,在這些屬性上面做動效,若運用恰當,可以做出令人眼前一亮的動效。

  現在絕大多數icon動效都離不開屬性變化,運動恰當,這個簡單而強大的方法大有可為之處。

  二、路徑重組法  這可能是看慣了屬性變換的動效之后,又一個讓人眼前一亮的動效思路。

  將icon的路徑(筆畫)進行重組,構成一個新的icon,這期間考驗著更多的東西,比如觀察兩個icon筆畫之間的關系,這個思路最近相當流行,同時也具有挑戰性。

  三、點線面降級法  這是一個相當有用的思路。

  面和面進行轉換的時候,可以用線作為介質,一個面先轉換成一根線,再通過這根線轉換成另一個面。

同理,線和線轉換時,可以用點作為介質,一根線先轉換成一個點,再通過這個點轉換成另一根線。

  這么說有點抽象,我們來看幾個例子。

  四、遮罩法  兩個圖形之間相互轉換時,可以用其中一個圖形作為另一個圖形的遮罩,也就是邊界,當這個圖形放大的時候,因為另一個圖形作為邊界的緣故,轉換成了另一個圖形的形狀。

  思路很簡單,卻又一點局限性,兩個圖形必須是包含關系。

  在谷歌的Material design規范中也出現類似的動效。

  五、分裂融合法  打個貼切的比方,就是把一把劍融成鐵水之后,鑄成一把新刀。

  分裂融合法尤其適用于其中一個圖標是一個整體,另一個圖標由多個分離的部分組成的情況。

由分裂融合法做出來的動效也相當有趣。

  六、圖標特性法  以上的思路只是停留在如何讓icon動效有趣的層面上,那么如何讓icon動效不僅有趣而且有意義呢?這就需要考慮不同icon之間的特性來設計動效。

  圖標特性法,顧名思義就是利用圖標表達的實際意義,做出與之吻合的動效,需要很強的思維發散性。

  要做好一個icon動效,光有思路是不行的,還需要了解一些圖形運動方面的知識。

如何做出令人愉悅的icon動效,可以考慮的方面有緩動、彈動、拖尾、時差、隨機、層次感、運動修飾等等。

版權聲明:本文由 其爾安 整理編輯。

原標題:應用圖標,隱藏圖標

轉載注明出處:http://www.dn9ww09s.icu/assemble/14052.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • ppt如何演示,怎樣做好ppt演示

    ppt如何演示,怎樣做好ppt演示 相關圖片ppt技巧PPT是一個強大的手稿制作軟件。2003年,它增加了將手稿、播放器及相關配置文件直接刻錄到光盤上的功能。那么如何使用PPT錄制多媒體光盤呢?接下來,讓超人軟件變演示文稿...

  • office2017密鑰,office2016激活密鑰

    office2017密鑰,office2016激活密鑰 相關圖片office2019永久密鑰雖然office2007是微軟Office套件的老版本,但由于其界面簡潔、新鮮,很多用戶已經養成了使用的習慣,在很多Office版本中仍有很多用戶選擇officoffice10密鑰...

  • html下拉菜單怎么做,html5下拉菜單

    html下拉菜單怎么做,html5下拉菜單 相關圖片html5下拉菜單代碼代碼如下:HTML head metahttp equiv=content type content=text/HTML;charset=UTF-8//headhtml二級下拉菜單...

  • 位置偽裝大師教程,位置偽裝大師官網

    位置偽裝大師教程,位置偽裝大師官網 相關圖片朋友圈位置偽裝國外我們經常在朋友圈看到一些孩子就在附近,但朋友圈顯示的是距離你18萬英里的位置。我們怎么做?其實,只要有一個小軟件位置偽裝高手,就可以輕松修改你的位置...

  • word2010,在excel2010

    word2010,在excel2010 相關圖片Dreamweaver教程PDFDreamweaver可以使用屬性檢查器或在CSS 1中輕松插入圖像并調整其圖像屬性(如對齊)。單擊菜單以插入圖像對象圖像占位符2。輸入img1表示名稱,80表Dreamweaver...

  • ofo單車有哪些車,ofo小黃車

    ofo單車有哪些車,ofo小黃車 相關圖片ofo小黃車押金怎么退本周,《教父3》即將上映,ofo官方已經與電影當局合作推出了以小黃人為主題的ofo大眼車。ofo大眼車在哪里?接下來,超人軟件將介紹如何為ofo安卓大眼車收費,...

  • 蒙版有什么用,蒙版怎么做

    蒙版有什么用,蒙版怎么做 相關圖片圖層蒙版教程許多人在研究蒙古語版在煙花CS3中的應用時感到困惑。他們不知道蒙古語版本是做什么的。他們一直認為蒙古語版本的概念很深刻,很難理解。事實上,在學習面具之前,...

  • 甜橙,橙子互動

    甜橙,橙子互動 相關圖片橙子互動股份有限公司作為一個非常好的視頻直播軟件,我相信所有的小朋友都想知道如何玩橙色互動。現在,超人軟件編輯器將為您介紹一個使用橙色交互的教程。我希望你喜歡它互...

  • 有大頭貼的美顏相機,美顏相機的大頭貼在哪

    有大頭貼的美顏相機,美顏相機的大頭貼在哪 相關圖片美顏相機怎么用近日,angelababy在微博上分享了一張可愛的自畫像卡通海報。你想知道怎么玩美女相機海報自動售貨機嗎?現在,超人軟件編輯將為您介紹美女相機卡通海報的使用教程美...

  • 平面設計師,什么叫平面設計師

    平面設計師,什么叫平面設計師 相關圖片平面設計師職責如上所述,由于互聯網行業的介入,零售、金融、房地產、汽車、通信、旅游等眾多行業作為各行業中下游的一個崗位,其一貫規律發生了變化,無論是受客戶老板的強...

熱評文章

  • 文件夾偽裝,超級兔子偽裝文件夾

    文件夾偽裝,超級兔子偽裝文件夾 相關圖片文件夾加密超級加密3000是一個專業的文件夾加密工具。它不僅可以用密碼加密,還可以通過偽裝方式將私人文件夾轉換成記事本、打印機、回收站、字體等特殊文件(文件夾),引導鹿...

  • ps怎么做遮罩效果,遮罩怎么做

    ps怎么做遮罩效果,遮罩怎么做 相關圖片ps遮罩最近,我偶然發現了這種效應。我以前看過很多次,但我不在乎。我以為原理很簡單。最近,我發現事情并不像我想象的那么簡單。事實證明,從不同的角度來看,事情會有所不同...

  • windows7打印機共享,win7系統如何設置共享打印機

    windows7打印機共享,win7系統如何設置共享打印機 相關圖片win7刪除打印機副本共享打印機有利于局域網內所有用戶更方便地使用打印機,從而最大限度地利用資源。那么如何設置win7打印機共享呢?接下來,超人軟件編輯器將為您介紹win7打印機...

  • 表格去掉邊框還有虛線,文檔的虛線框怎么去掉

    表格去掉邊框還有虛線,文檔的虛線框怎么去掉 相關圖片wps虛線框怎么去掉在前端制作過程中,會發現一些文本/圖片鏈接或一些輸入控件在點擊時會出現虛線邊框,通常在Firefox和IE瀏覽器下,而不是在Google下,這些虛線邊框在用鍵盤word文檔虛...

  • inkhunter,hunter

    inkhunter,hunter 相關圖片hunter怎么讀Inkhunter是一款非常酷的軟件,如果你想紋身卻又怕疼,可以用Inkhunter來做紋身。那么inkhunter如何創建自己的專屬圖案呢?接下來,超人軟件是hunter 官網...

  • win10開機磁盤100,win10磁盤100%

    win10開機磁盤100,win10磁盤100% 相關圖片磁盤100占用win10最近,許多使用win10系統的小伙伴報告說,他們的計算機磁盤檢索信息不能像win7那樣直接查看。如何檢查win10系統的磁盤測試結果?接下來,超人軟件將向您介紹win10磁盤...

  • 全民突擊最新版,下載全民突擊

    全民突擊最新版,下載全民突擊 相關圖片全民突擊怎么沒有了騰訊游戲HTML5實戰案例!在朋友圈廣告的設計過程中,我遇到了很多障礙,一些驚喜,一些沮喪,但在這個過程中,我獲得了很多設計經驗和對項目的理解。接下來,...

  • ubuntu 安裝jdk,ubuntu如何安裝jdk

    ubuntu 安裝jdk,ubuntu如何安裝jdk 相關圖片linux系統安裝jdk我相信很多人聽到Ubuntu時都會感到困惑。他們不知道那是什么。但說到它的中文名字,我相信有些人會覺得很熟悉。Ubuntu,也稱為Ubuntu,基于Debianubuntu在線安裝jdk...

  • 超酷,超酷圖片

    超酷,超酷圖片 相關圖片男生超酷頭像渲染:1。創建一個483*450的畫布;2。使用矩形工具繪制矩形,如下所示:1。使用矩形工具繪制一個336*78的矩形,如下所示:2。用矩形工具畫一個322*6超酷影院...

  • 瀏覽器沒有歷史記錄,瀏覽器怎么沒有歷史記錄了

    瀏覽器沒有歷史記錄,瀏覽器怎么沒有歷史記錄了 相關圖片uc播放歷史記錄UC瀏覽器中有一個非常強大的功能,就是查詢查看到的記錄。那么如何查找UC瀏覽器的歷史呢?接下來,超人軟件編輯器將介紹UC瀏覽器歷史的搜索方法,希望大家喜歡。...

關注微信

变脸官网查询