原創(chuàng)|使用教程|編輯:郝浩|2014-05-21 15:10:13.000|閱讀 1692 次
概述:GUI Design Studio是一款無需編碼、使用簡單的用戶界面及軟件快速原型設(shè)計工具,其自帶的Icon Express控件可用來設(shè)計和修改圖標(biāo)樣式。本文以圖文的形式介紹了自定義創(chuàng)建新的圖標(biāo)的方法,使你對GUI Design Studio的圖標(biāo)庫和Icon Express控件有更深的認(rèn)識。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
GUI Design Studio是一款無需編碼、使用簡單的用戶界面及軟件快速原型設(shè)計工具,它擁有龐大的模板庫,所有界面的元素和行動都可以通過拖動模板,再自定義屬性來實(shí)現(xiàn)。這其中,圖標(biāo)庫更是一個亮點(diǎn),GUI Design Studio自帶上百個常見的圖標(biāo)文件(.ico后綴),這些都是以前設(shè)計網(wǎng)頁界面的經(jīng)典元素。不僅如此,GUI Design Studio為了滿足更多樣化的圖標(biāo)設(shè)計需求,還包含了一個名為Icon Express的控件,這個控件是專門用來設(shè)計和修改圖標(biāo)樣式的,不僅支持.ico后綴的圖標(biāo)文件,還支持導(dǎo)入多種格式(PNG等)的圖片文件。為了滿足不同的需求,Icon Express中的圖標(biāo)分辨率可從最小的16*16延伸到127*127,色彩數(shù)量可從黑白色延伸到32位真彩色。所以,無論是幾十像素的小圖標(biāo)還是數(shù)以萬計像素的高仿真圖標(biāo)都可以被設(shè)計出來作為界面元素使用。現(xiàn)在,我們就學(xué)著來設(shè)計自己喜歡的小圖標(biāo)吧。
1.打開GUI Design Studio軟件,在最右側(cè)的菜單中找到并點(diǎn)擊“Icons”,就進(jìn)入了圖標(biāo)庫頻道,在右上方原型設(shè)計下有4個文件夾,里面包含的是GUI Design Studio中自帶的圖標(biāo),這些圖標(biāo)大多都是16*16的簡單圖標(biāo)。
2.點(diǎn)擊右上方“New Folder”,創(chuàng)建新圖標(biāo)目錄文件夾,并輸入文件夾名字。
3.點(diǎn)擊正上方“Project”菜單選擇“New Icon”,創(chuàng)建新的圖標(biāo),設(shè)置圖標(biāo)文件名稱、尺寸以及色彩配置。
4.在創(chuàng)建圖標(biāo)文件完畢后,自動進(jìn)入Icon Express。Icon Express的右側(cè)是繪圖工具和調(diào)色板,其圖像繪制工具與windows的位圖圖畫本基本相同,此外,還擁有交替色繪制工具
5.你可以選擇繪圖工具進(jìn)行自由的圖像原創(chuàng),另外一種更加快捷的方式是將其它不錯的圖案復(fù)制過來進(jìn)行編輯:用Photoshop打開你需要的圖像,用選擇工具選擇你想要復(fù)制的區(qū)域,點(diǎn)擊ctrl+c復(fù)制,再在Icon Express里點(diǎn)擊ctrl+v粘貼,你要的圖案便輕松復(fù)制過來了。
6.點(diǎn)擊Icon Express中的“Save as”,將處理編輯好后的圖標(biāo)保存在前面新建的文件夾內(nèi)。然后你就可以在該文件目錄下找到保存的新圖標(biāo)了。這個新圖標(biāo)可以在需要的時候隨時拖拽出來使用。
更多信息:
GUI Design Studio產(chǎn)品中文介紹>>
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件