技術資訊
軟件界面設計要素——視覺識別
2008-07-04 14:58:00
商品離不開視覺設計,通過視覺設計建構視覺識別,達到品牌識別的高度,現(xiàn)實也是如此,任何一家成功的軟件開發(fā)公司都必須構建一套自己產品視覺品牌規(guī)范,引導市場銷售,這是產品在市場銷售和使用環(huán)節(jié)中產品品質和信譽度的直觀體現(xiàn)。視覺的一致性和細節(jié)考慮本身就是軟件易用性的一個方面,也是企業(yè)對用戶負責的態(tài)度來對待設計,從細節(jié)中關注用戶的體驗。下面的文字來自iconfans,我配上vista圖并排版,希望能直觀的理解視覺識別在軟件產品中的應用。
軟件界面設計要素
界面設計是為了滿足軟件專業(yè)化標準化的需求而產生的對軟件的使用界面進行美化優(yōu)化規(guī)范化的設計分支。具體包括軟件啟動封面設計,軟件框架設計,按鈕設計,面板設計,菜單設計,標簽設計,圖標設計,滾動條及狀態(tài)欄設計,安裝過程設計,包裝及商品化。
在設計的過程中有較多注意的關鍵問題,以下列出幾點:
(1)軟件啟動封面設計
應使軟件啟動封面最終為高清晰度的圖像,如軟件啟動封面需在不同的平臺、操作系統(tǒng)上使用將考慮轉換不同的格式,并且對選用的色彩不宜超過256色,最好為216色安全色。軟件啟動封面大小多為主流顯示器分辨率的1/6大。如果是系列軟件將考慮整體設計的統(tǒng)一和延續(xù)性。在上面應該醒目的標注制作或支持的公司標志、產品商標,軟件名稱,版本號,網址,版權聲明,序列號等信息,以樹立軟件形象,方便使用者或購買者在軟件啟動的時候得到提示。插圖宜使用具有獨立版權的,象征性強的,識別性高的,視覺傳達效果好的圖形,若使用攝影也應該進行數(shù)位處理,以形成該軟件的個性化特征。
(2)軟件框架設計
軟件的框架設計就復雜得多,因為涉及軟件的使用功能,應該對該軟件產品的程序和使用比較了解,這就需要設計師有一定的軟件跟進經驗,能夠快速的學習軟件產品,并且在和軟件產品的程序開發(fā)員及程序使用對象進行共同溝通,以設計出友好的,獨特的,符合程序開發(fā)原則的軟件框架。軟件框架設計應該簡潔明快,盡量少用無謂的裝飾,應該考慮節(jié)省屏幕空間,各種分辨率的大小,縮放時的狀態(tài)和原則,并且為將來設計的按鈕,菜單,標簽,滾動條及狀態(tài)欄預留位置。設計中將整體色彩組合進行合理搭配,將軟件商標放在顯著位置,主菜單應放在左邊或上邊,滾動條放在右邊,狀態(tài)欄放在下邊,以符合視覺流程和用戶使用心理。
#p#(3)軟件按鈕設計
軟件按鈕設計應該具有交互性,即應該有3到6種狀態(tài)效果:點擊時狀態(tài);鼠標放在上面但未點擊的狀態(tài);點擊前鼠標未放在上面時的狀態(tài);點擊后鼠標未放在上面時的狀態(tài);不能點擊時狀態(tài);獨立自動變化的狀態(tài)。按鈕應具備簡潔的圖示效果,應能夠讓使用者產生功能關聯(lián)反應,群組內按鈕應該風格統(tǒng)一,功能差異大的按鈕應該有所區(qū)別。
(4)軟件面板設計
軟件面板設計應該具有縮放功能,面板應該對功能區(qū)間劃分清晰,應該和對話框,彈出框等風格匹配,盡量節(jié)省空間,切換方便。
#p#(5)菜單設計
菜單設計一般有選中狀態(tài)和未選中狀態(tài),左邊應為名稱,右邊應為快捷鍵,如果有下級菜單應該有下級箭頭符號,不同功能區(qū)間應該用線條分割。
(6)標簽設計
標簽設計應該注意轉角部分的變化,狀態(tài)可參考按鈕。
(7)圖標設計
圖標設計色彩不宜超過64色,大小為16x16、32x32兩種,圖標設計是方寸藝術,應該加以著重考慮視覺沖擊力,它需要在很小的范圍表現(xiàn)出軟件的內涵,所以很多圖標設計師在設計圖標時使用簡單的顏色,利用眼睛對色彩和網點的空間混合效果,做出了許多精彩圖標。
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網站建設公司,高端網站定制,一站式網站服務——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網站建設——從滿足預期到走向卓越
- [2023-04-11 09:17:49] H5頁面設計開發(fā)——移動端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網站服務支持
- [2021-05-18 10:14:11] 青島網站建設的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網建設項目
- [2021-03-05 10:34:45] 移動互聯(lián)時代房地產行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網站建設最容易忽略的人性化設計
- [2020-12-16 16:55:32] 建設一個常規(guī)的公司網站建設成本大概是多少?
延伸閱讀
- [2013-12-09 23:35:57] 圓形效果在界面設計上的應用與分析
- [2008-05-09 14:04:00] 《Designing Interfaces》讀書筆記(1)
- [2009-02-17 08:44:00] 從SNS看社會化界面設計(一)
- [2008-11-16 17:25:00] 界面設計中的Pattern
- [2008-04-01 13:56:00] 界面爛還是界面設計爛?
- [2009-02-15 09:47:00] 10個有用的技術改進你的用戶界面設計
- [2008-08-22 11:37:00] 界面設計測試規(guī)范
- [2013-02-01 09:46:12] 用戶體驗與網頁界面設計
- [2008-05-09 14:02:00] 《Designing Interfaces》讀書筆記(2)設計模式
- [2008-06-12 13:59:00] 界面設計是應該本地化還是國際化?
- [2014-11-14 09:13:42] 給力的網站UI登陸界面設計制作
- [2008-10-21 08:59:00] 關于網站界面設計的案例分析資源