界面設計是為了滿足軟件專業化和標準化的要求,對軟件的用戶界面進行美化、優化和標準化的設計分支。具體來說,它包括軟件啟動封面設計,軟
框架設計、按鈕設計、面板設計、菜單設計、標簽設計、圖標設計、滾動條和狀態欄設計、安裝流程設計、包裝和商業化。
在設計的過程中,有壹些關鍵問題需要註意。以下是壹些要點:
(1)軟件開機蓋設計
軟件啟動封面最後應該是高清圖。如果軟件啟動蓋需要在不同的平臺和操作系統上使用,會考慮不同的格式,選擇的顏色也不盡相同。
應該是256色以上,最好是216色。軟件開機蓋的尺寸大多是主流顯示器分辨率的1/6。如果是系列軟件,會考慮整體設計的統壹性和連續性。制作或支持的公司logo、產品商標、軟件名稱、版本號、網址、版權聲明、序列號等信息應醒目地標註在上面,以樹立軟件的形象,方便用戶或購買者在軟件啟動時得到提示。插圖應使用具有自主版權、象征性強、識別度高、視覺傳達效果好的圖形。如果使用攝影,也要進行數字化處理,形成軟件的個性化特征。
(2)軟件框架設計
軟件的框架設計要復雜得多,因為涉及到軟件的使用功能,所以要對軟件產品的程序和使用有更好的了解,這就要求設計人員要有壹定的軟件後續經驗,能夠快速學習軟件產品,並與軟件產品的程序開發者和程序使用者溝通,設計出友好的、獨特的、符合程序開發原則的軟件框架。軟件框架設計要簡潔明快,盡量少不必要的修飾。它要考慮節省屏幕空間,各種分辨率的大小,縮放時的狀態和原理,為以後設計的按鈕、菜單、標簽、滾動條、狀態欄預留位置。在設計中,整體色調要搭配合理,軟件商標要放在顯著位置,主菜單放在左邊或上面,滾動條放在右邊,狀態欄放在下面,要符合視覺流程和用戶心理。
(3)軟件按鈕設計
軟件按鈕設計要有交互性,即要有3到6種狀態效果:點擊狀態;鼠標放在上面但沒有點擊的狀態;點擊前鼠標沒有放在上面的狀態;點擊後鼠標不放在上面的狀態;不能點擊時的狀態;獨立自動改變的狀態。按鈕要有簡潔的圖標效果,要能讓用戶產生功能相關的反應。組內按鈕風格要統壹,功能差異大的按鈕要有所不同。
(4)軟件面板設計
軟件面板的設計要有縮放功能,面板要明確劃分功能區間,要和對話框、彈出框的風格相匹配,節省空間,切換方便。
(5)菜單設計
菜單設計壹般有選中狀態和未選中狀態。左邊應該是名字,右邊應該是快捷鍵。如果有下級菜單,要有下級箭頭符號,不同的功能區要用線劃分。
(6)標簽設計
標簽設計要註意邊角部分的變化,狀態可以參考按鈕。
(7)圖標設計
圖標設計顏色不得超過64色,尺寸為16x16和32x32。圖標設計是壹門廣場藝術,要註重視覺沖擊。它需要在小範圍內展現軟件的內涵,所以很多圖標設計師在設計圖標的時候都是用簡單的顏色,用眼睛利用顏色和點的空間混合效果,做出很多奇妙的圖標。
(8)滾動條和狀態欄的設計
滾動條主要是為固定大小的區域空間中內容的變換而設計的,應該有上下箭頭、滾動標記等。,有的還有翻頁痕跡。狀態欄用於顯示和提示軟件的當前狀態。
(9)安裝工藝設計
安裝過程的設計主要是美化軟件安裝的過程,包括軟件功能的圖形化表示。
(10)包裝和商業化
最後,軟件產品的包裝要考慮軟件產品的保護,功能的提升要融入美觀,可以印刷壹些產品介紹和產品界面設計。
圖標設計規範
數字設計引入了壹種新的圖標設計風格。以下是設計和創建樣式圖標的具體規範。
圖標風格應該是有趣的,豐富多彩的,充滿活力的,因為目前的系統支持邊緣非常光滑的32位圖標。在矢量程序中畫出每個圖標後,用Adobe Photoshop進行處理,可以使圖像更加完美。本規範是專門為設計人員編寫的。在創建圖像時,建議您與高水平的平面設計師合作,尤其是在矢量和3D軟件方面具有豐富經驗的平面設計師。
圖標設計概述的目的是讓您熟悉WindowsXP的新風格,並為創建圖標做準備。
圖標風格特征
(1)色彩豐富,與WindowsXP的外觀相得益彰。
(2)不同的角度和透視特征給形象增添了動態的活力。
(3)元素的棱角非常柔和,略顯光滑。
(4)光源位於圖標的左上角,有環境光照亮圖標的其他部分。
(5)漸變效果使圖標具有立體感,從而使圖標的外觀更加飽滿。
(6)投影使圖標更有對比度和立體感。
(7)添加輪廓可以使圖像更清晰。
(8)日常用品(如電腦和設備)具有更現代的個人外觀。
圖標大小
Windows XP圖標有四種大小,建議使用以下四種大小:
(1) 48x48像素
(2) 32x32像素
(3) 24x24像素
(4) 16x16像素
圖標顏色深度支持
WindowsXP支持32位圖標。32位圖標是24位圖像加上8位alpha通道。使圖標的邊緣非常平滑,並與背景融為壹體。
每個WindowsXP圖標應該包含以下三種顏色深度,以支持不同的顯示設置:
24位圖像加8位alpha通道(32位)
8位圖像(256色),加上1位透明色
4位圖像(16色),加上1位透明色。
調色板
圖標中使用的主要顏色。
對象的角度和分組
WindowsXP風格圖標使用的透視網格:不是所有對象都使用16?6能取得好的效果。壹些對象通常顯示為直觀的圖像:文檔圖標、符號圖標(如警告或信息圖標)和單個對象圖標(如放大鏡)。
除非創建重疊的輔助對象可以更清楚地表達圖標的含義,否則為了可讀性和完整性,應該使用直觀的圖像。您還應該考慮如何分組查看圖標,以確定如何對對象進行分組。
項目
使用投影後,WindowsXP圖標會更清晰、更立體。您可以在Photoshop中實現這種效果,本指南稍後將對此進行介紹。要為圖像添加投影,請在Photoshop中雙擊圖像的圖層,然後選擇“投影”。然後將角度改為135,距離改為2,大小改為2。在這壹點上,投影是75%不透明的黑色。
概述
在繪制XP風格的圖標時,給圖像添加壹個輪廓可以使其更加清晰,並保證圖像在不同的背景顏色下都有很好的效果。
概念
設計圖標時,請考慮以下因素:
利用已有的概念,確保用戶的想法得到真實的表達。考慮圖標如何出現在用戶界面環境中,以及它們如何作為圖標集的壹部分使用。考慮圖形
文化背景。避免在圖標中使用字母、單詞、手或臉。當人或用戶必須用圖標來表示的時候,請盡可能的讓圖標大眾化。如果圖標中的圖像由多個對象組成,那麽就要考慮如何讓圖像變小。建議在圖標中使用不超過三個對象。對於16?6、還可以考慮刪除壹些物體或者簡化圖像,使其更容易識別。
透明工具
打開Gif電影齒輪(GMG)到壹個對話框與您的圖標。用吸管工具單擊圖標的背景色。這種顏色將變成暗黃綠色(或像在GMG那樣選擇
透明背景色的顏色)。重復所有4位和8位幀。要保存圖標,請選擇文件-& gt;圖標另存為...。
創建工具欄
Windows工具欄圖標使用與其他圖標相同的樣式,只是它們不使用投影。因為工具欄圖標非常小,所以建議您使用簡單的圖像。如果以直觀的方式顯示
圖像可以清楚地表達圖標的意思,所以不需要使用其他復雜的方法。
創造AVI
WindowsXP使用8位AVI。創建的過程。avi文件和創建圖標是壹樣的——在Photoshop中準備壹個圖像,然後把它拖到GMG中。請按照下面的說明創建壹個8位圖標。要使用GMG保存AVI,請轉到文件-& gt;導出為-& gt;AVI檔案.創建時。avi文件,請考慮以下因素:使用洋紅色(R255 G0 B255)作為背景透明色。在Photoshop中,重要的是不要有雜散像素。請將填充容量設置為0,並確保未選擇抗鋸齒。
軟件人機界面
UI是用戶界面的縮寫。UI設計是指軟件的人機交互、操作邏輯、界面美觀的整體設計。好的UI設計不僅僅是讓軟件成為
有個性有品位,還要讓軟件的操作舒適、簡單、自由,充分體現軟件的定位和特色。
美好的事物往往不可抗拒。這就是為什麽產品優秀的設計對電腦、汽車、日用品、家具、食品、服裝等幾乎所有商品的銷售和推廣都有著重要的作用。
同樣,對於軟件公司來說,軟件產品就是他們的商品,軟件界面就是他們產品的外觀。界面美觀與否,直接關系到軟件產品的營銷成敗。
我們可以清楚的看到微軟對軟件界面設計的高度重視。請回想壹下您第壹次看到win2000時的情景。妳是否驚嘆於他的界面相比nt4.0的美觀和易用性?而如果妳用過xp系統,妳會被它驚人的感官概念所震撼和折服!金山公司的金山詞霸是國產軟件的成功範例。金山詞霸3.0到金山詞霸2001的變化堪稱經典。著名的網頁動畫軟件flash從3.0換到4.0,只修改了圖標和表格,立馬大大增強了色彩…
現在世界上成功的軟件公司都非常重視軟件界面的美化設計,因為他們深深知道,在激烈的市場競爭中,僅僅擁有強大的功能,戰勝強大的對手是遠遠不夠的。我們可以相似。在選擇手機的時候,如果妳有兩部性能壹樣的手機,而且第壹部比第二部漂亮很多,妳會選擇哪壹部?當然是漂亮的那種。想象壹下,妳的客戶也會將妳與競爭對手的軟件進行比較。
現在的軟件公司都知道廣告營銷活動對營銷有多重要,不遺余力的做廣告,做活動,做推廣。但是我們知道,這些活動的最終目的是讓用戶購買和使用軟件產品,用戶最終使用的是妳的產品,那麽為什麽不在軟件界面的美觀度上多下功夫呢?在家電、汽車、電腦等成熟市場,用非常漂亮的廣告宣傳壹個功能強大但很醜的產品,簡直是笑話。然而,這種笑話在軟件行業很常見。這也是中國的軟件產業和國外的差距很大,就像中國的足球壹樣。
實踐證明,商家只要在產品美學設計上投入很少,就會有很大的產出。其投入產出比遠大於功能主導開發的投入。
用戶買回軟件後,他們與妳的企業的聯系,或者說妳的企業形象在客戶眼中的表達,很大程度上都是通過妳的軟件的界面來傳達的,所以壹個美觀友好的用戶界面對於推廣妳的企業文化,向客戶灌輸妳的企業理念,推廣妳的企業,都會非常有利。特別是如果妳的公司是以工程承包的形式,無論是投標的時候還是工程交付之後,漂亮的界面都會給妳的客戶信心和好感。
要成為壹個有競爭力的軟件,不僅需要強大的功能,還需要友好的界面設計。縱觀當今it行業,其軟件界面設計的發展趨勢壹般有以下幾種技術:
1.命令語言用戶界面的開發。
根據其語言的特點,人機交互的形式分為
A.形式語言
B.自然語言。
C.準自然語言。
2.圖形用戶界面的廣泛應用。
圖形用戶界面和人機交互過程極大地依賴於視覺和人工控制的參與,因此具有很強的直接操作特性。
3.直接操作用戶界面技術的成熟。
用戶最終關心的是他想要控制和操作的對象,他只關心任務語義,不會被計算機的語義和語法太分心。對於大量的物理、幾何和視覺任務,直接操縱已經顯示出巨大的優勢。
4.多媒體用戶界面和多通道用戶界面的發展極大地豐富了計算機信息的表達形式。
5.虛擬現實技術的應用
虛擬現實系統為用戶提供沈浸式多感官體驗。虛擬現實技術作為壹種新的人機交互形式,有望比以往任何形式的人機交互完全實現壹個和諧的、“以人為中心”的人機界面。