ui設計方案

1. GUI 設計方案是什麼

站點導航：首頁-->億網服務-->GUI設計

GUI設計
GUI 是 Graphical User Interface 的簡稱，即圖形用戶介面，通常人機交互圖形化用戶界面設計經常讀做「goo-ee」，准確來說 GUI 就是屏幕產品的視覺體驗和互動操作部分。

GUI 是一種結合計算機科學、美學、心理學、行為學，及各商業領域需求分析的人機系統工程，強調人—機—環境三者作為一個系統進行總體設計。

這種面向客戶的系統工程設計其目的是優化產品的性能，使操作更人性化，減輕使用者的認知負擔，使其更適合用戶的操作需求，直接提升產品的市場競爭力。

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

GUI 准則
減少用戶的認知負擔
保持界面的一致性。
滿足不同目標用戶的創意需求
用戶界面友好性
圖標識別平衡性
圖標功能的一致性
建立界面與用戶的互動交流

GUI 應用領域
手機通訊移動產品
電腦操作平台
軟體產品
PDA產品
數碼產品
車載系統產品
智能家電產品
游戲產品
產品的在線推廣

GUI 的品牌目標
如何使得用戶能夠接受產品、並加強對產品品牌印象、進而提升他們對產品的依賴度、信任度、最終成為最忠實的固定目標消費群，對於產品而言，無疑是非常重要的關鍵點。因此具有企業文化特徵的產品品牌需要滲入進產品的 GUI，形成其獨特的產品魅力。

什麼是品牌
品牌是一系列功能性與情感性的價值元素；品牌就是一個可依賴的，而且被消費者所確認的、新產品的標志。同時品牌又是從具體產品中抽象出來的概念，潛移默化地影響著人們的思維定式品牌不再以某種產品的具體功能為訴求對象，轉而探求一個社會的精神狀態以及人們的心理活動，而這些又構成了產品得以推廣的深層市場基礎。

品牌包含了：質量、價格、服務、信譽、文化、認知

品牌成功因素
表面上看產品的品質、設計和不斷創新吸引了消費者，實質上應歸結於其品牌背後所融入的企業文化內涵而所產生的價值取向：消費者滿意、尊重個人、成就感、不斷的學習、優質的服務。

GUI品牌趨勢
在產品性能和品質越來越同質化的競爭條件下，唯一可以形成差異就是以企業文化為靈魂所打造出的品牌。那麼由個性的衍變而對產品所產生的價值和內涵，將是大勢所趨。

億網設計為廣大用戶量身定做優質、全面的軟體界面設計、專業圖標設計、手機界面設計、PDA界面設計、MP3界面設計、MP4界面設計、掌上多媒體播放器界面設計、掌上學習機界面設計、網站界面設計、數字電視界面設計、電子顯示屏終端界面設計、產品包裝設計、宣傳冊彩頁等設計方案。

2. ui設計的三大方面,做產品的時方案候這三大方面怎麼實施

一、多思考
1. 產品思路
詳細的分析需求，可以讓設計師更好地把握產品思路。在交互結構圖中，可以根據需求大致構造頁面的布局和排版，同時牢記頁面內容布局和排版，為整個項目打下一個埋點，為以後的設計創作尋找設計參考打好基礎。
2.換位思考
在分析需求時，有必要從交互或產品經理的角度來看待問題，多看交互流程圖，多想產品邏輯思維，消化交互(產品經理)的整個產品指導意圖。
二、思維清晰
1. 分析用戶群
在做產品之前,首先要分析內在需求和使用人群,為了更好地挖掘用戶的動機,最好搭建產品架構分析圖表和目標用戶動機分析圖表,這樣的邏輯分析,對於我們前期做設計推導和產品初步的風格落實起到更好的數據支撐
2. 分析產品功能屬性
對於人，往往傾向於根據他們的性格、年齡、外貌、職業等給他們貼上標簽。例如，一個女孩穿著性感，我們會給她貼「御姐范」。打扮可愛的小女孩會貼上「蘿莉」「軟妹子」的標簽。
同時，產品也有相應的屬性，一個產品往往是根據自身主打功能來歸屬它的標簽屬性。例如產品專屬與固定職業使用的我們稱為工具類app;有分享、語音、人與人之間互動的我們稱為社交類app等，這些種種的類別屬性劃分，在這個類別下還有細分屬性的劃分，我們往下延伸引導。
通過深入分析，可以合理地得到用戶的偏好、屬性和使用場景。這一層一層的邏輯可以為我們定義一個新的App產品的設計風格提供更加清晰的指導作用。
三、邏輯流暢
1. 把握頁面節奏
音樂的節奏會導致人們情緒的起伏，那麼什麼是頁面的節奏呢?頁面的節奏是指頁面布局怎麼去分割，給予用戶什麼樣的視覺體驗，讓用戶第一眼看到什麼，第二眼知道有什麼，第三眼發現什麼，都是我們視覺思路明確帶著用戶去體驗的。
2.規范細化
規范對於設計的核心來說就是靈魂，視覺上游對接交互，下游對接開發人員，它都起到闡述設計的規范化、統一化，讓外人可以讀懂我們設計的邏輯思路。

3. UI設計有哪些規范

智能設備的普及使得界面設計工作被重視起來，，其實軟體界面設計就像工業產品中的工業造型設計一樣，是產品的重要賣點，一個產品擁有美觀的界面會給人帶來舒適的視覺享受，拉近人與商品的距離，是建立在科學性之上的藝術設計，那麼，UI設計的規范標准有哪些呢?
一、軸
軸在UI設計中是最基本、最常見的概念，也是用來組織界面結構的重要核心。簡單說來，軸是在設計的時候組織一系列元素的假象線，在下面的設計圖中，軸以虛線的方式被標注出來。
1、對齊軸最常見於對稱元素的使用，當元素被布置成軸對稱的布局的時候，會給人有序感。就像生活中絕大多數的事情一樣，我們更傾向於享受有序的的東西，它們令人感覺平穩、舒適、平易近人。最簡單的一個例子就是iTunes程序中的專輯列表的設計，所有的專輯列表在界面的左側保持對齊，圍繞虛線軸軸對稱。
2、強化雖然軸是一條假想的線，但是如果周圍的元素的邊緣控製得足夠整齊，這跳線會在視覺中變得更加「明顯」的。最好的例子是城市中的路燈構成了道路兩旁建築物之間的軸，如果一邊有建築一邊沒有，那麼這種軸線的感覺不會那麼強烈。從產品設計的角度上來看，Twitter的時間線設計就是一個很好的案例，左側的頭像和右側的推文共同塑造出縫隙中軸線的感覺。3、運動當我們碰到某先線條的時候，視覺會很自然地沿著這些方向運動，就如同我們站在街上，會自覺地沿著街道的兩頭走動。兩個端點決定了線，界定了開始和結束的地方，線或者說軸線的存在會引導和提示運動的方向。SoundCloud中，音軌沿著一條既定的水平軸線運動，隨著音樂的播放，音軌自然地自左向右勻速運動(具體可查看馬海祥博客《如何利用動效設計吸引訪客的注意力》的相關介紹)。
4、連續性如果終點是不確定的，那麼你通常會沿著軸線的方向瀏覽/運動，直到你找到感興趣的東西，或者感到厭倦並關閉應用。在建築學中，未清楚界定的終點非常少見，因為建築的修建通常沒法永遠持續下去，但是UI設計則不一樣，無限地滾動下去是無比受歡迎的設計手法。Pinterest的APP中就是這樣做的，持續不斷的圖片沿著中軸線的方向持續不斷地滾動下去，只要你有興趣一直觀看下去。
二、對稱
當元素被均勻地放置在軸線的兩側之時，他們構成了對稱的關系。當元素被精準地在軸線兩側一一對應之時，它們就形成了完美對稱。
1、平衡對稱令整個設計更加平衡，當元素與控制項在軸線兩側處於相同位置之時，會給人以協調和諧的設計感。當我們在規劃街道兩側的房屋建設的時候，如果左右兩側都是5間大小一致的房子，當你走在街上的時候這種平衡的設計會令人非常舒適，這是平衡給人的感受。Rdio的APP設計就遵循著這樣的設計規則，屏幕兩側的控制項是相同的規格，這類布局很適宜閱讀，用戶會自覺地自上到下，從左向右查看。
2、不對稱如果軸線兩側的控制項布置不再是一一對應尺寸相近，那就是不對稱的設計，不對稱的設計會給人明顯的失衡感，可能會令人不舒服，但是也能造就殘缺美，當然這要看你具體怎麼做。雖然Pinteret的APP設計在整體上是沿著中軸線對稱的(寬度一致)，但是兩邊的界面控制項並非是對稱的，它們的高度並不一致，位置也是錯落的，稍微一點的落差都會被眼睛捕捉到，而這樣的差異讓用戶無法准確地左右順序閱讀，不對稱設計打破了設計的平衡性和舒適性，但是也可以緩解了規律性設計帶來的視覺疲勞。
三、層級
當某個元素出現在比其他元素更重要的位置的時候，層級就出現了。
1、尺寸如果一個設計元素在尺寸上比其他的控制項更大，就會區分出層級。毫無疑問，我們查看某個設計的時候，通常會被最大的元素吸引到。如果一個建築物有5個出窗戶，其中一個是其他四個的兩倍大，我們的注意力自然而然會被吸引過去。通過尺寸來區分文章列表層級的典型就是稍後讀應用Pocket，頂部的輪播文章擁有更大的圖片，它的位置和尺寸會令我們一眼注意到(具體可查看馬海祥博客《詳解移動端設備頁面尺寸設計原理》的相關介紹)。
2、形狀如果一個控制項在形狀和形態上同其他的不一樣，也可以讓它獨立出一個層級，不規則的設計同樣會令人側目，建築物的正面擁有五個相同的窗戶和一閃大門，你會立刻注意到門的獨特之處。在Instagram的個人信息頁中，圓形的個人頭像在方形的圖片中別具一格，非常抓人眼球。它會讓人意識到，這個獨特的東西，更為重要。
3、位置位置的存在同樣能彰顯層級的不一樣，在圓圈之內，中心位置的東西比邊緣部分的看起來更重要，位於軸線頂端的控制項會顯得比其他部分的優先順序更高。以設計應用Path的設計為例，時間軸頂點處的用戶頭像就明顯比時間軸上的其他部分更重要，而這個地方正好展示的也是用戶頭像。
四、韻律
UI設計和建築設計同樣有著韻律之美，重復的模式會營造出獨特的節奏之美。
1、模式理解韻律最直接的方式就是聽歌，音樂擁有節奏感，絕大多數的音樂遵循著相同的節拍，節拍就是音樂模式的一部分。這方面最典型的APP是Airbnb，APP列表中每一間房子都占據一個模塊，模塊中有著大小相同的圖片，價格、位置和房東信息和圖片的相對位置一定，且排版勻稱舒服，兩個模塊之間的間距也相同，當你瀏覽的時候，熟悉的節奏會讓你清楚地知道上哪看關鍵信息。
2、間斷當節奏被間隔打斷的時候，會形成不同的層級，聽歌的時候，均勻的節奏被其他的音樂元素打斷的時候，你會意識到這是比較特別的部分。在Twitter的APP中，推文和推文保持著相同的樣式，均勻的節奏，但是其中的「推薦用戶」一項有著不同的樣式，它插入到推文列表中，打破了整個信息流的節奏，凸顯出不同的層級，會很快抓住你的注意力。

4. ui設計規範文檔怎麼寫

ui設計規范；ui設計規范有哪些？這個問題對於ui設計師來說應該是比較關心的吧，因為作為ui設計師，ui整理設計規范也是設計能力的一種體現。所以，無論是自己設計創作還是推動產品開發，你的設計規范是否完善，對產品的質量起著決定性的關鍵作用。那麼我們今天就來聊聊這個問題吧！

ui設計規范，ui設計規范有哪些？這個問題介紹到這里就介紹完了，現在你清楚ui設計了嗎？設計規范對整個項目的規范性推動很強大，但是需要花時間和耐心細心打磨，所以需要花費很多時間和精力去整理資料、編輯素材、分類整合，最後還要在設計軟體中將整個規范重新排列設計。如果你還有其他關於ui設計的問題歡迎持續關注易夏嵐或者與我進行交流~

5. UI設計規范都有哪些

好的UI設計不僅是讓軟體變得有個性有品位，還要讓軟體的操作變得舒適簡單、自由，充分體現軟體的定位和特點。
1.簡易性
界面的簡潔是要讓用戶便於使用、便於了解產品，並能減少用戶發生錯誤選擇的可能性。
2.用戶語言
界面中要使用能反映用戶本身的語言，而不是游戲設計者的語言。
3.記憶負擔最小化
人腦不是電腦，在設計界面時必須要考慮人類大腦處理信息的限度。人類的短期記憶有限且極不穩定，24小時內存在約25%的遺忘率。所以對用戶來說，瀏覽信息要比記憶更容易。
4.一致性
它是每一個優秀界面都具備的特點。界面的結構必須清晰且一致，風格必須與產品內容相一致。
5.清楚
在視覺效果上便於理解和使用。
6.用戶的熟悉程度
用戶可通過已掌握的知識來使用界面，但不應超出一般常識。
7.從用戶習慣考慮
想用戶所想，做用戶所做。用戶總是按照他們自己的方法理解和使用。
通過比較兩個不同世界(真實與虛擬)的事物，完成更好的設計。如：書籍對比竹簡。
8.排列
一個有序的界面[1] 能讓用戶輕松的使用。
9.安全性
用戶能自由的作出選擇，且所有選擇都是可逆的。在用戶作出危險的選擇時有信息介入系統的提示。
10.靈活性
簡單來說就是要讓用戶方便的使用，但不同於上述。即互動多重性，不局限於單一的工具(包括滑鼠、鍵盤或手柄、界面)。
11.人性化
高效率和用戶滿意度是人性化的體現。應具備專家級和初級玩家系統，即用戶可依據自己的習慣定製界面，並能保存設置。
12.顏色不一樣
UI設計師是隨著網路而興起的新興設計行業，從事對軟體的人機交互、操作邏輯、界面美觀的整體設計工作
涉及范圍包括商用平面設計、高級網頁設計、移動應用界面設計及跨媒介設計以人為本，以用戶體驗需求為基礎，發展多元化是目前中國信息產業中最為搶手的人才之一。

6. 請問什麼是清晰有效的UI設計方案

先我們需要對清晰有效有一個整體的認知。所謂清晰，從字面上理解是指看得很清楚、明朗，設計層面來說就是方案能做到方向明確，方案明了。而有效字面上指的是有效果，有效力，從設計層面來說就是輸出的方案可以解決存在的問題，能達到設定的目標以及可以切實落地。

清晰和有效的考量維度是不一樣的：清晰更多是針對設計這一環節，在於不同方向/方案的差異度和側重點；而有效則更多需要聯合設計上下游（用戶/產品/開發）。對於優秀的設計方案來說兩者相輔相成，缺一不可。

解決存在的問題—從問題出發

在實際輸出方案的時候，不能從產品經理的需求文檔開始，而是要把考量維度更前置，從項目現有的問題出發。這個問題的搜集包括外部用戶的反饋，內部團隊的聲音，但需要注意的是用戶的反饋不一定是真正的問題，需要做到篩選和甄別。比如新發布一個版本可能會碰到的一個情況是很多用戶打一星反饋說界面太難看太丑，這種屬於用戶感受，我們可以再深挖一下用戶覺得丑的原因，是不是改變了太多用戶習慣，但又沒有給用戶真的帶來更好的體驗和更多的收益。

能達到設定的目標—從目標啟動

問題還需要結合目標一起考慮，解決問題的思路並不完全等同於目標，目標是大家一起制定的未來產品的發展方向

7. 平面設計和UI設計的區別是什麼

1、二者的定義不同。
平面設計（graphic design），也稱為視覺傳達設計，是以「視覺」作為溝通和表現的方式，透過多種方式來創造和結合符號、圖片和文字，藉此作出用來傳達想法或訊息的視覺表現。
UI設計（或稱界面設計）是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。
2、二者的設計對象不同。
平面設計師利用字體排印、視覺藝術、版面（page layout）、電腦軟體等方面的專業技巧，來達成創作計劃的目的。
UI設計重點是設計「人機交互」的界面，設計的對象通常為軟體產品的「外形」。
3、二者的設計用途不同。
平面設計是溝通傳播、風格化和通過文字和圖像解決問題的藝術。
UI設計是為了軟體的操作變得舒適簡單、自由，便於充分體現軟體的定位和特點。

8. 到底什麼是UI設計規范

沒有規矩，不成方圓。UI設計也不例外，具有設計規范，系統建議的規范可以讓我們設計具有統一性，界面視覺更美觀。

想要高效順暢地完成設計任務，就必須遵守UI設計的規范。

今天帶來的這些規范，可是成為優秀UI設計師必須知道的"純干貨"，還能讓大家深刻了解UI設計規范的本質是什麼。

圖標規范

很多設計師以為UI設計就是設計圖標。雖然事實並非如此，但圖標的設計在整個UI設計中是比較基礎的一個環節。

圖標與品牌標志一樣，在設計時都需要做適當的減法，應該盡量用簡約的線條去表達其含義，應該盡量避免出現線條結構過於復雜的設計。

而且整體的圖標都需要保持風格一致，例如圖標的線條粗細、邊角弧度、圖標高度寬度比例、風格等等。

特別是對於新人，所以大家一起來看看圖標設計的規范吧：

1
像素對齊
需要嚴格的做到像素對齊，尤其是在做較小尺寸的圖標時，如果不嚴格的遵循像素對齊，那最終的顯示效果就會出現問題。

2
多用布爾運算
在做圖標的時候，能用基本圖形進行布爾運算的時候，盡量不要使用鋼筆，這樣做的好處有如下幾點：

o 讓你的圖標更加規范
o 對圖形結構理解更加深刻
o 後期更改形狀更加方便

3
獨特的風格
在做系列圖標的時候，一定要在前期給圖標設定一個風格及原則，使之看起來與眾不同。

在這里值得一提就是，我們在做線性圖標時，一定要保證描邊粗細相同、圓角相同，如果這些基礎的規則都沒有遵循，那也就談不上風格的統一、創新了。
4
視覺大小統一
在進行圖標設計的時候，我們會使用柵格輔助線來幫助我們更加嚴格謹慎，但一定不要被輔助線困住，學會靈活運用，保持視覺上的大小統一。

在如今的APP設計環境當中，一些APP設計大牛都一直強調，設計師要為有品牌意識。

那麼，在圖標的設計中，我們也必須強調"品牌性"，簡單的說就是把品牌中的抽象的概念變成具象化的圖形，把品牌主副色調應用到圖標設計中。

同時建議大家每個星期完成一個主題的作品，提升自己的平面設計能力。

標注規范

如何把標注的思路整理清晰--結構化思維進行拆解，將大問題拆解成小問題，逐一擊破！

標注主要是以下四種不同屬性的內容：尺寸、文字、間距、顏色。
在進行標注時，首先去除導航欄和標簽欄，因為這些控制項通用性非常強，需要單獨拿出來進行統一標注，這里我們只對內容區來進行標注示例。