• 未分類
  • 平面理論教程
  • Flash教程
  • 其他作品
  • 標誌設計
  • 海報招貼
  • 包裝設計
  • 畫冊設計
  • 網頁設計
  • 名片設計
  • PS作品
  • CG設計
  • MAYA教程
  • Illustrator教程
  • AutoCAD教程
  • 3DMAX教程
  • Painter教程
  • 繪畫教程
  • FireWorks教程
  • 攝影教程
  • 工業設計
  • 網頁設計教程
  • 其他資訊
  • 摺紙大全




  • [ FireWorks教程 ] Fireworks設計高大上的APP圖標教學—- 其他教程




    教學主題: Fireworks設計高大上的APP圖標教程

    大家好!! 小編今天來和大家分享關於 其他教程中的FireWorks教程教學

    今天的這個教學主題是: Fireworks設計高大上的APP圖標教程

    這教學的重點為這幾點 [ 圖標,教程,設計,我們,可以,大家,靜電,使用,一個,應用, ]

    希望你可以從這幾點中領悟到修圖的精華

    本文重點

    各位小夥伴大夥伴好基友,各位靜電的粉絲們,我又來啦! 非常高興的告訴大家,靜電的設計教室開課啦, 這個設計教室的宗旨,就是讓各位沒有設計基礎的同學們更快更好的設計出自己需要的東西來.

    各位小夥伴大夥伴好基友,各位靜電的粉絲們,我又來啦! 非常高興的告訴大家,靜電的設計教室開課啦, 這個設計教室的宗旨,就是讓各位沒有設計基礎的同學們更快更好的設計出自己需要的東西來.

    一. 圖標設計的思路及注意事項

    大家知道,APP設計中,應用程序的圖標,可以說是你的作品的一個面子,隨着手機使用着審美水平的日益提高,如果圖片設計的太丑,使用着可能連下載都不會下載你的應用, 別以為靜電危言聳聽哦. 據靜電了解,大部分購買了智能手機的用戶,特別是年輕用戶,年齡段大概從十幾歲到三十幾歲,這個年齡段的人,對手機的使用體驗要求是非常高的,他們會時不時的從應用商店下載幾套好看的皮膚,幾張炫酷的,代表他們個性的壁紙放到自己手機上. 當然,也包括放在他們手機桌面上的圖標了, 我想,在應用類型基本一樣的情況下, 大部分用戶可能會首選一個圖標好看的應用來下載.

    另外一點,要避免你的應用被淹沒在一大片花花綠綠的圖標中,那麼就要讓自己的圖標顯得有特色一點,不管是從顏色上區分,還是外形上區分,這些都是有必要的. 比如,整個大趨勢流行用綠色的時候,你就用個橘紅色或者黃色,總之,讓自己的圖標顯得引人注目,小細節是一定要注意的哈.

    最後,通過圖標,清晰的傳達你的應用是做什麼的. 方寸之間,傳達這款應用的功能及設計者的格調.一個與應用毫不相關的圖標會讓用戶產生強烈的分裂感和厭惡感,這是圖標設計的大忌.

    二. 優秀的圖標設計與低品質的圖標設計對比

    Fireworks設計高大上的APP圖標教學

    三. 實戰!開始設計一個屬於自己的圖標.

    1.首先,我們來看一下圖標的大小. 以iOS平台為例,apple要求的最大圖標尺寸高達512px-512px.

    其他尺寸為114px-114px, 57-57px. 因為圖片可以從大往小縮,所以,我們可以考慮先做最大尺寸的.至於安卓平台,我們使用最大尺寸縮小一個即可.

    2.使用什麼軟件來設計呢? 靜電這裡推薦adobe的fireworks.原因是什麼呢? 一來是這款軟件是靜電一直一來的設計軟件,第二,這款軟件比photoshop要好上手不少,對於開發者來說,效率也會高出不少.更重要的是,fireworks可以導出psd格式,也可以使用如AI,EPS等矢量文件,非常方便.強烈推薦大家安裝和使用. 這款軟件的最新版本是CS6. 具體下載地址靜電這裡就不放出來了,請大家自行百度或者google.

    3.裝完fireworks后,請大家打開它,我們首先會看到下面的界面. 圖標和啟動界面都是金黃色,很土豪有木有? 然後跟往常一樣,我們先選擇文件>新建 創建一個文檔,那麼,這個文檔的大小就是512px-512px 分辨率是72保持不變.

    Fireworks設計高大上的APP圖標教學

    4.畫布顏色我們先選擇白色. 其他參數跟上圖一樣就可以了.好的,現在我們會看到一個空白的畫布,你現在可以在上邊來設計圖標啦! 今天靜電先拿如下的圖標舉個例子. 先看看成型的圖標.

    Fireworks設計高大上的APP圖標教學

    這個靜電練手的一個圖標. 好的 讓我們來看看他是怎麼做的. 大家可以分析一下,他的組成,其實很簡單.

    Fireworks設計高大上的APP圖標教學

    接着,是那個展開雙臂的小人了. 這個圖案比較稍微有點複雜,我們需要用屏幕左側的鋼筆工具. 鋼筆勾出大概輪廓,然後可以慢慢的來調整每個節點,直到理想為止.由於這裡比較複雜,靜電直接提供png文件供大家下載使用.

    Fireworks設計高大上的APP圖標教學

    第三步,我們來畫一個圓

    Fireworks設計高大上的APP圖標教學

    第四步,就是圍繞在圓周圍的光啦.

    Fireworks設計高大上的APP圖標教學

    第五步.這個時候,元素基本準備完畢,我們發現,這些元素都堆在畫布上.亂七八遭, 我們需要把它們組合起來,

    Fireworks設計高大上的APP圖標教學

    簡單吧,各位同學?其實初次使用,大家會有一點陌生感是正常的,不過這個軟件 用習慣的話,還是很方便的,也很容易上手.大家可以自己多玩玩,折騰一下,你會發現,這真的很簡單對吧?

    好的,這期課程先到這裡,其實圖標還有很多細節要處理,不過這樣大概也能用了. 我們下期來點難度稍高的. 大家一定要及時複習哈.

    教程源文件如下.您可以另存為,然後在fireworks中打開就可以看到啦.

    Fireworks設計高大上的APP圖標教學

    看完小編分享的教學之後 是不是對FireWorks教程中的其他教程教學更熟悉了呢?

    希望我們所介紹的 Fireworks設計高大上的APP圖標教程 這教學會喜歡

    文章標題: 骨子愛創意- Fireworks設計高大上的APP圖標教程–轉載請註明來源處

    本教學分類為FireWorks教程中的 其他教程相關教學

    文章相關關鍵字為: 圖標,教程,設計,我們,可以,大家,靜電,使用,一個,應用,

    本文永久連結 :Fireworks設計高大上的APP圖標教程

    本文轉載自 :VIA