萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> MenuEverywhere 程序圖標設計思路及流

MenuEverywhere 程序圖標設計思路及流

  本例介紹MenuEverywhere程序圖標設計思路及流程,主要運用3Ds Max建模,在Photoshop中繪制圖標並進行細節處理,教程沒有講解如何運用軟件,主要介紹了圖標的設計圖思路,希望能給做圖標設計的朋友帶來幫助~~

  MenuEverywhere 是Mac OS X上的一款小程序,前一陣剛為其完成了程序圖標設計。

  © 2011 IconMoon & Binary Bakery Software

  創作目標

  Binary Bakery Software出品的這個小程序主要是用來給每個窗口都增加一個Menubar,方便在顯示器或者窗口很多,不容易找到osx原始菜單欄的時候能方便用戶去選擇菜單欄裡選項。客戶希望能突出軟件的主旨-菜單,並且能夠增加一下用戶對真實使用環境的視覺映射

  創作過程

  為了讓圖標看起來更有一點沖擊力,我選擇了比較大的透視角度,所以為了保證透視准確使用了3Ds Max先建了個簡單的模型。

  當造型OK之後開始在Photoshop裡面重繪,首先是底下的盤子

  給這個盤子加了一點金屬質感。

  然後按照客戶的點子,在底盤上上加入了紫色光芒射出的感覺,主要是為了和Mac系統默認桌面的視覺風格產生映射,給用戶菜單可以在桌面上直接彈出的感覺。

  然後是加強了光芒,增加了一些顏色的變化

  菜單顯然是這個軟件和圖標的主體,所以在橫切面上稍微做了點文章希望加點細節。

  然後為了讓菜單看起來更融入紫色光芒的感覺,又加了一些紫色的光照效果和程序默認菜單的一些文字。

  比起3Ds Max裡建模的版本,鼠標的位置做了改變,讓他看起來更大,角度更正

  然後在點綴了一些“點點星光”之後圖標就完成了!

  最終效果

MenuEverywhere 程序圖標設計思路及流 三聯
copyright © 萬盛學電腦網 all rights reserved