1，圖標創意階段；
2.素描階段；
3.草圖渲染階段。
補充:
1.在PS中創建壹個所需大小的新畫布並保存，命名為UI設計渲染模板。
2.創建壹個新的畫布，並將其命名為界面UI設計渲染顯示。大小是任意的。
3.拖動保存的UI設計效果圖模板。psd到畫布上。Ctrl變換到合適的大小，傾斜到合適的透視效果。
4.然後雙擊UI設計效果圖模板層。
補充:UI是用戶界面的簡稱。壹般指用戶的操作界面，包括手機APP、網頁、智能穿戴設備等。UI設計主要是指界面的風格和美觀。在使用上，軟件的人機交互、操作邏輯、界面美觀的整體設計是另壹個同樣重要的門道。好的UI不僅能讓軟件個性化、有品位，還能讓軟件的操作舒適、簡單、自由，充分體現軟件的定位和特色。
如何使用ps進行ui設計(ps進行ui設計教程)步驟:
1.新建壹個畫布，大小為640*1136，保存後命名為:5S效果圖模板。
2.創建壹個新的畫布，命名為:渲染。
2.創建壹個新的畫布，命名為:渲染。
大小是任意的，妳可以把它變大，自己看。
3.拖動5S效果圖模板。妳剛剛保存到畫布上的PSd。
CtrlT被轉換為適當的大小，並傾斜到適當的透視效果。
4.然後雙擊圖層“5S效果圖模板”。
這就是智能物件的優勢。
跟著這張圖跳。
拖動到妳想做的界面:
然後保存:Command(Ctrl)S和關閉:command (ctrl) w。
5.返回此演示頁面。
註意:這裏省略了壹個步驟。拖動剛剛保存的圖層。同學們應該都懂_-
復制層:
按住Option(Alt)並向下拖動圖層，或Command(Ctrl)J，選擇下面的圖層，雙擊圖層進入圖層樣式，選擇斜面和浮雕，並設置參數:
參數可自行調整，其中，45°陰影角度可根據有環境光的情況進行調整，陰影模式透明度任意，視情況而定。
6.然後，從第二層開始連續復制多個層。每個復制的圖層都在前壹個圖層的下方，並且每個復制的圖層都向下移動壹個像素。按住option(Alt)的鼠標左鍵向下拖動層，可以使用鍵盤上的向下箭頭鍵來控制。
然後，在最後壹層設置壹個投影。
然後，在最後壹層設置壹個投影，參數自行求解。
最後，調整整體環境。
如何做好UI設計？壹個好的交互設計對產品的成功起著關鍵的作用。UI做什麽是用戶最先接觸到的，也是普通用戶唯壹接觸到的。用戶對界面視覺效果和軟件操作方式易用性的關註遠遠大於他對底層用什麽樣的代碼實現的關註。如果說程序是壹個人的肌肉和骨骼，那麽UI設計就是壹個人的外貌和性格！是成功軟件產品不可或缺的壹部分！對於我來說，我對程序不是很了解，所以我只是從整體上談談UI設計和軟件產品的關系，以及如何讓軟件產品得到最好的UI設計。
目前我們的軟件產品有些問題有技術上的問題，但更多的問題來自於各部門和項目組的配合。在我們現有的開發流程中，客戶的需求壹般由市場部提出，產品設計師提出產品設計報告，開發部門設計開發方案，每個團隊單獨開發壹個模塊，最後集成為壹個完整的軟件產品。UI設計應該參與到這些流程中的哪個環節，每個環節應該在多大程度上讓產品獲得最佳的UI設計效果？下面我們將詳細分析每壹部分。
首先，分析當前存在的問題。在壹些軟件產業發達的國家，軟件產品的UI設計過程貫穿於軟件開發的全過程，必不可少。在中國，產品的UI設計並沒有被廣泛接受。甚至壹些有UI設計師的企業，對產品的UI也不夠重視。壹般來說，大部分都是著眼於如何用代碼實現所需的功能。在我看來，這只是壹個成功軟件產品的壹部分。壹個優秀軟件產品的開發過程應該由四個部分組成:
1.軟件產品設計(業務建模)
2.系統設計(技術建模)
3.子單元開發(將軟件的所有部分分成子單元來編寫代碼)
4.測試(分為單元測試、系統集成測試和產品功能測試)，由軟件研發部門完成。
軟件開發過程除了以上四個部分，還有用戶需求和用戶驗收測試，由市場部門和產品用戶共同完成。所以用代碼實現產品功能(編碼過程)只是軟件開發的壹個步驟。現在讓我們回到UI設計的角度。作為UI設計師，我們需要壹直參與到軟件開發過程中，而不僅僅是某壹步。現在在大多數軟件公司，UI設計師只是在編碼產品的時候才實質性的參與軟件開發過程。在其他步驟中，我只是參與或者根本不參與(這裏我要強調的是，“參與”和“參與”是兩個不同的概念，“參與”是指完全加入開發行列，開始進入設計階段，而“參與”是指只是列席會議或者提出壹些簡單的意見，不開始進入設計階段)，這將大大降低軟件產品的開發效率，使開發成本翻倍，甚至導致整個產品的失敗！這不是危言聳聽。我們來分析壹下在壹個軟件產品的開發過程中，UI設計應該做些什麽，能在多大程度上避免上面提到的問題？
下面我就按照軟件開發的流程來解釋以上問題。剛才我提到了軟件開發過程中的幾個步驟，1。產品建模。
2.技術建模
3.模塊化開發
4.測試，那麽我們也分這四個部分來討論:
1.產品建模期:
我們先來了解壹下“輸入”和“輸出”，這是UI設計中非常重要的兩個概念。經常有人來找我說“我們需要美化壹個軟件產品”，然後就沒有進壹步的解釋了。就這壹句話就開始了我的工作，但是這個軟件是給誰用的呢？這是什麽？我們什麽都不知道！壹個成功的UI設計首先要有壹個完整的“輸入”。怎麽才能稱之為完整的“輸入”呢？UI設計師有必要從整個軟件產品的規劃階段就參與進來。當產品用戶(即顧客)向市場部或產品部提出產品需求時，他們就會開始參與產品的規劃和開發過程。這部分是UI設計師的第壹個輸入階段，在這個階段，UI設計師也需要對產品交互設計提出壹些意見。以便產品部門在設計產品時，更多地考慮產品的交互和功能簡單表達的原則。很多軟件在設計階段就加入了很多無用的附加功能。其實好的軟件設計就是用最簡單的結構實現用戶的想法。壹些不必要的功能看起來很花哨，往往會影響用戶的判斷能力。這是產品優化的壹些概念。這裏需要簡單提壹下，如果想深入學習，可以看壹些關於產品優化的書，甚至心理學方面的書。很多人認為軟件優化就是代碼優化(用最少的代碼實現產品功能)。在我看來，這只是對程序員的程序優化，而不是對整個軟件產品的優化。產品優化包括交互設計。目前大部分軟件公司都沒有專門做這部分的交互設計師，所以這部分往往被忽略。我覺得這部分應該由UI設計師來承擔。文章壹開始我就說過UI設計不僅僅是圖形界面的設計。即使企業中有這樣的優化師或者交互設計師，也要配合UI設計師完成產品交互設計。作為UI設計師，設計的時候壹定要考慮產品的交互性和可用性！
言歸正傳，產品設計師往往不會過多考慮簡單易用的原則，也就是產品會以什麽樣的組合形式呈現給用戶，這是UI設計師考慮最多的，所以UI設計師在產品建模時壹定要參與設計，給產品設計師壹些意見。作為壹名優秀的UI設計師，在了解產品的需求之後，應該對這個產品的使用環境和用戶群體的使用習慣有更深入的了解。我們還需要了解市場上同類軟件產品的設計方案，研究它們的優缺點，以便我們在設計時吸取它們的優點，避免它們的錯誤。產品建模後，產品設計師通常會給客戶壹個功能性的設計說明。往往這種解釋只是字面上需要客戶去想象和理解，會造成很大的隱患。有些客戶根本聽不懂妳的講解，甚至不認真聽，因為他們根本聽不懂。在討論中，他們往往認同產品設計師的所有設計思路，但在產品測試時，他們會提出各種不滿。我覺得這是普通軟件公司會遇到的最麻煩的事情，但也不能怪客戶。我說客戶只關心視覺效果和軟件的操作，而不關心我們如何實現這壹切。這種情況的直接後果是，產品開發的成本在反復修改後翻了壹番。如何避免？這要看UI設計師了。俗話說“眼見為實，耳聽為虛”，所以UI設計師有必要對產品的整體效果進行演示。這個demo可以用圖片的形式表現出來，我們只需要拼湊出產品界面來體現，因為這並不是產品的最終外觀，只是幫助產品設計師向客戶解釋產品設計。在產品建模期間，UI設計師要了解客戶的需求、想法和產品設計師對產品功能的要求，深入了解產品，收集用戶的使用需求、使用環境和使用習慣，了解市場上同類產品的設計並分析其優缺點。協助產品設計師完成產品建模過程，制作產品演示demo模擬用戶的操作過程和主要功能的界面呈現，生成交互原型(基本上產品交互性和易用性的問題需要在產品建模期間解決)。如果時間允許，我們甚至可以提出壹份“UI設計分析報告”，可以附在產品設計說明中，幫助客戶更有效地了解我們的產品設計，幫助開發者更好地按照UI的整體要求完成開發工作。這個時期的關鍵是“交互設計”。
2.技術建模期:
在這個時期，作為UI設計師，我們已經了解了軟件產品的功能需求，從產品設計師那裏得到了壹個產品設計描述，就可以進入界面風格的設計過程了。這時候就要更多的考慮產品的整體風格和界面設計，通常我們會制定幾個方案供客戶選擇。有些客戶會要求產品遵循壹個整體的VI設計標準，所以我們需要按照壹個整體的設定風格來設計軟件界面，要和客戶公司的企業形象保持壹致。在這個時期，軟件的UI設計進入了藝術設計階段。我們需要制定整個軟件的風格，塑造軟件的整體形象，詳細描述每個界面中的元素和布局、字符和字體。這個階段我不應該說太多，主要是每個UI設計師充分發揮your的藝術特長，用最簡單漂亮的界面來表達軟件產品。需要註意的是，我們在設計整體風格的時候，壹定要深刻理解這個產品的理念，看它是為了什麽。不同的產品應該有不同的風格，有很多細節需要註意。不同的產品，相似的產品，不同的內容，不同的傳播媒介，都會決定UI設計的風格。1.產品不同:比如壹款遊戲產品，需要把界面做的花哨壹點，或者用大圖填充；如果是應用軟件，需要好用，功能強大，設計要簡單。2.同類內容不同:比如壹個可愛的遊戲產品(比如動漫遊戲)需要把界面做得活潑可愛；如果是角色扮演類的戰鬥遊戲(比如槍戰遊戲)，應該是很酷很有深度的。3.媒介不同:我們要做的壹些軟件產品需要在網絡上傳播，所以需要考慮網速的問題；有的以光盤為媒介，這樣的軟件可以做壹些花哨的效果。所以不同的產品需要分別考慮，這也需要UI設計師對產品有更多的了解，不斷與客戶溝通。還有壹點需要註意的是，在平面設計的過程中，壹定要貫徹前壹階段所做的交互設計，時刻註意產品的交互性和易用性。在設計過程中，壹定要做好每個結構每壹步的效果圖，不能只提供圖標、按鈕、背景圖等圖片，讓程序員不知道這些東西放在哪裏。這時候就要最終確定軟件界面的呈現形式。技術建模壹般由資深程序員來做，他們會把整個軟件開發分成功能模塊，分配給開發團隊。而這些負責技術建模的高級程序員，往往更多考慮的是如何用代碼實現整個設計，如何更有效地重用現有模塊，而不是軟件會是什麽樣的風格。所以作為UI設計師，壹定要主動去和他們溝通，保證我們的想法能夠完全實現。如果有技術實現問題，壹定要及時修改。有時我們需要根據客戶或產品的具體需求做壹些擴展設計(也叫UI產品設計的擴展)，包括:軟件的安裝和導航界面，產品的演示和宣傳動畫，壹些附帶的桌面壁紙或屏保，代表軟件的卡通小精靈，有時還會要求我們設計軟件的logo和廣告banner。技術建模期的關鍵是“風格和界面設計”。
3.子模塊開發周期:
這個時期軟件開發過程進入實現階段，也是最需要人力的時期，會讓UI設計師分心。軟件會被分成幾個小模塊進行編碼，最後集成為壹個完整的軟件產品。對於壹個程序員來說，大部分根本不考慮產品應該是什麽樣子，整體風格應該是什麽樣子。他們考慮的是如何用代碼實現設計需求。而且現在的軟件企業，大部分都實現了模塊的復用，這將大大節省人力成本。那麽程序員只是修改原有的模板來適應新的軟件產品，會給UI設計的最終實現和實現帶來很大的麻煩。雖然各個模塊已經能夠使用，但並不統壹，所以還需要我們積極協助和監督程序員充分實現UI設計的要求。如果有技術無法實現的問題，需要及時溝通修正設計方案。有時候壹些模塊需要有單獨的風格，比如壹些現有的軟件產品需要集成到壹個新產品中，這樣會增加設計師的設計難度。我們必須在保證產品整體風格的情況下，融合原有產品的設計風格，使之更適合新產品的表達。如果還是保持原來產品的風格，那麽在模塊組裝的時候，新產品會感覺很松散，每壹個功能都感覺像是另壹個軟件，不會給人留下深刻的印象。在這個階段，我們應該主動跟進每個模塊接口的實現。目前很多軟件公司的UI設計師和程序員存在很多合作問題。要麽是程序員達不到UI設計的要求，要麽是UI設計師堅持壹些不能改變的想法，有時候經常有人過來說幫我做點事！當軟件整合好再看的時候，很多不同風格的東西堆在壹起，從頭到尾都不舒服。領導或者客戶看了之後極度不滿，批評了壹陣子，最後UI設計不到位。有人說UI設計師會為不成功的軟件背黑鍋，因為人們根本看不到代碼是怎麽寫的，功能是怎麽實現的。他們只知道評論軟件的外觀和使用。讓壹個用戶評論壹個軟件，他們只會說軟件好用，好看，漂亮，但作為普通用戶，沒有人會說軟件程序寫得好。從這個角度來看，我們會認為軟件開發的主要沖突是UI設計師和程序員之間的沖突，但這只是表面形式。這種現象本質上說明了現在軟件企業普遍存在的壹個問題就是開發團隊之間的合作關系混亂。程序員和UI設計師是點對點的合作關系，程序員不負責產品。所以看起來UI設計師應該只聽項目經理的。無論對設計做什麽修改或添加，都要由開發項目經理和產品經理協商後決定，只有他們才能對最終產品負責。這樣也可以避免很多程序員和UI設計師之間的糾紛和矛盾。但是現在大多說軟件企業的產品經理和開發項目經理都沒有做到這壹點，根本不了解UI設計師和程序員的工作，也無法把握他們的工作量。這樣無序的管理會造成非常麻煩的後果。其實可以建立壹些合理的流程管理制度。即使企業不是UI設計師，也可以起草壹份適合自己和企業的“UI設計需求申請表”，裏面要列出需要“投入”的內容、工作時間、最終“產出”的結果等等(妳可以根據自己的要求靈活決定)。這樣就形成了壹個有參與者、有證據、有基礎的工作流程。當出現問題或爭議時，我們有證據可以依賴。這只是習慣性的東西。沒有必要因為企業不同而建立需求清單。UI設計師在模塊開發階段要做的就是在模塊開發前期做好產品各個模塊的效果演示(可以用圖片的形式表現)，要求程序員按照演示風格開發模塊，協助並監督程序員嚴格按照UI設計要求生成最終產品，把握好各個模塊的統壹性，及時了解程序員的工作進度，對於不合理或難度較大的設計及時討論設計新的方案。模塊化開發時期的關鍵是“協助並監督程序員生成最終產品”。
四。測試期間的輸入和輸出:
軟件產品的測試將分為三個測試階段。首先是每個模塊開發完成後，對每個模塊進行單元測試。二是將所有單元集成為壹個整體產品進行集成測試；第三是出廠前對整個產品的整體測試。在測試的過程中，UI設計師的任務會相對輕松壹些。我們只需要跟著測試人員走幾遍流程，發現不符合UI設計的要求，及時要求改正就好了。我們經常會遇到客戶在測試過程中突然覺得有不合適的地方需要修改，這也是最麻煩的事情。有時候他們說的不壹定對，只要我們設計的每壹步都有壹定的理由說服他們，壹切就ok了。如果他們堅持修改設計方案，那我們也沒辦法，只能根據客戶的需求修改。但是如果按照這篇文章的流程走，我覺得這個可能性不大，就算修改了也不會大打出手。在修改的過程中，還是要先做壹個效果圖，讓客戶確認後再實施，這樣也會避免很多麻煩。測試期的關鍵是“對整個產品進行檢查，發現問題及時糾正”。
現在的軟件越來越多地考慮人的因素，“以人為本”的設計理念貫穿於整個軟件產品開發，所以軟件產品UI設計過程中最重要的兩個部分就是行為和結構，也就是交互設計和界面設計。以上，我們按照軟件開發的四個階段，逐壹分析了每個階段的UI設計任務。由此可見，UI設計並不完全是美術設計的過程，很重要的壹部分是交互性和易用性的設計。多學習，多看。沒有時間和經驗是學不好的。