這段時間很多朋友都在關注圖形界面設計這個話題，那么這個圖形界面是什么意思？它和 UI 設計有什么區(qū)別？下面就讓faceui給大家詳細的介紹一下什么是圖形界面。

　　圖形界面是什么意思？

　　圖形界面（簡稱GUI）是指采用圖形方式顯示的計算機操作用戶界面。與早期計算機使用的命令行界面相比，圖形界面對于用戶來說在視覺上更易于接受。

　　GUI 即人機交互圖形化用戶界面設計?？v觀國際相關產業(yè)在圖形化用戶界面設計方面的發(fā)展現(xiàn)狀，許多國際知名公司早已意識到 GUI 在產品方面產生的強大增值功能，以及帶動的巨大市場價值，因此在公司內部設立了相關部門專門從事 GUI 的研究與設計，同業(yè)間也成立了若干機構，以互相交流 GUI 設計理論與經驗為目的。隨著中國 IT 產業(yè)，移動通訊產業(yè)，家電產業(yè)的迅猛發(fā)展，在產品的人機交互界面設計水平發(fā)展上日顯滯后，這對于提高產業(yè)綜合素質，提升與國際同等業(yè)者的競爭能力等等方面無疑起了制約的作用。

　　圖形界面設計（圖片來自網絡）

　　GUI 設計和 UI 設計有什么區(qū)別？

　　UI = User Interface

　　其中包括所有人(User)與機器(Machine)打交道用的界面接口(Interface)，因此如果你去設計一個起重機的操作面板、汽車儀表盤、電視搖控器，都可以稱為UI Design，他是工業(yè)設計中的一個術語。

　　GUI = Graphical User Interface

　　是指在計算機(computing)出現(xiàn)后，在屏幕上使用圖形界面來幫助(User)與機器(Machine)打交道用的界面接口(Interface)，泛指在計算機上所做的界面設計。

　　狹義上討論我們正在討論的IT互聯(lián)網行業(yè)，UI即是GUI的簡稱，這二者沒有任何區(qū)別。我是個GUI設計師，或我是個UI設計師，是一樣的。

　　在設計GUI或UI的過程中，我們通過可用性(Usability)的手段和方法論，來提高用戶對與計算機交互過程的滿意度，這個過程我們通常俗稱用戶體驗設計(UX)。

　　圖形用戶界面設計小技巧

　　1、弱化背景

　　我們通?？梢园秧撁娣殖?個區(qū)域。1操作區(qū)、2瀏覽區(qū)。

　　以地圖產品為例，可以把地圖看成瀏覽區(qū)。搜索框和搜索結果是操作區(qū)。使用地圖的目的：1.為了讓用戶快速找到周邊場所；2.找到到達目的地的交通方式。在這種場景里地圖的作用更傾向于瀏覽區(qū)，更多起到的是襯托操作區(qū)的作用。

　　所以我們可以適當?shù)膶⒈尘叭趸?，確保用戶在瀏覽頁面、使用功能的過程中，能夠清晰的分辨頁面層級。

　　2、素材的重要性

　　好的素材能提升App整體的質感，這些素材包括圖標的設計、圖片的選取等。素材的重要性不僅局限于視覺稿階段，也包括上線后，圖片的審核機制。確定什么樣的圖片可以被推薦到首頁，這樣能夠很好的把控App的調性。

　　3、圖標設計

　　發(fā)現(xiàn)很多初級設計師都有這樣的誤區(qū)，不同的功能想用不同的顏色來區(qū)分。不是不可以這樣做，但我們要綜合考慮圖標的應用場景和整體品牌調性。

　　首先要保證圖標形式的統(tǒng)一性，線形就統(tǒng)一用線性，面形就統(tǒng)一用面形，不要幾個圖標是線性，幾個圖形是面形，這樣會給用戶一種“很不專業(yè)”的感受。

　　4、陰影顏色的運用

　　現(xiàn)在很流行這種暈染陰影的設計風格，很多設計師在做設計的時候都喜歡去嘗試。但經常出現(xiàn)的一個問題就是，對陰影顏色的把控。

　　圖形界面設計（圖片來自網絡）

　　5、環(huán)境色及發(fā)光細節(jié)

　　時下很多設計軟件開始注重質感。比如比較文藝的App喜歡木質感，科技的App注重金屬質感，金融App模擬線下票據(jù)注重紙質感等。

　　選取的音樂軟件，左側專輯在背景上有一種模糊的反光，營造出一種高精度毛玻璃的質感。與專輯封面相得益彰，使頁面融為一體。包括播放圖標和時間軸的發(fā)光效果都使頁面的層次更加豐富。

　　6、營造場景感

　　對于籃球、足球、拳擊等競技類比賽而言，“熱鬧”是吸引用戶的一個重要因素。

　　如何將頁面渲染的熱鬧呢？我們可以去參考游戲App。游戲一般都會將頁面設計的很熱鬧，而且是有節(jié)奏感的熱鬧，會將頁面分為“活動氛圍”和“活動參與”2個區(qū)域。我們設計頁面也是一樣。

　　將活動氛圍區(qū)大多數(shù)是背景。使用一張圖片為背景，為了突出操作區(qū)域，給背景加一個純顏色的半透明遮罩，然后將操作區(qū)域排列進來。可以明顯感覺到，左側的界面比右側的界面更突出重點。

　　以上就是faceui給大家分享了關于圖形界面設計基本常識，相信各位朋友看完上面的文章之后，對于圖形界面設計知識有了初步的認識和了解，如果你有這方面需求的話，不妨找faceui來為你服務。