[ 平面理論教程 ] 詳細解析完美像素使用手冊之原理篇- 設計教程 - 骨子愛創意

教學主題: 詳細解析完美像素使用手冊之原理篇

大家好!! 小編今天來和大家分享關於 設計教程中的平面理論教程教學

今天的這個教學主題是: 詳細解析完美像素使用手冊之原理篇

這教學的重點為這幾點 [ 手冊,原理,使用,像素,完美,優秀,設計,用戶,可以,而且, ]

希望你可以從這幾點中領悟到修圖的精華

本文重點

這本紀念碑谷團隊出品的《完美像素使用手冊》，有設計師說是她見過的最全面，最毫無保留，最生動有趣的界面設計指南，而且不止是設計，還包括和程序員的合作經驗，AI、PS的操作小技巧等等。現在終於有中文版了，強烈建議收藏閱讀。

這本紀念碑谷團隊出品的《完美像素使用手冊》，有設計師說是她見過的最全面，最毫無保留，最生動有趣的界面設計指南，而且不止是設計，還包括和程序員的合作經驗，AI、PS的操作小技巧等等。現在終於有中文版了，強烈建議收藏閱讀。

今天是第一章節：原理篇

用戶

你的首要關注重點始終是用戶。知道他們要什麼，然後儘快搭建合適的架構滿足用戶需求。要時刻牢記什麼才是適合用戶的，比如，扁平化、網格、看起來高大上的頁面，這些受眾人群都比較年輕，而年紀比較大、玩不轉科技的用戶就喜歡偏擬物的設計。

環境

環境不僅僅是只你設計的平台，還包括操作和使用它的物理空間。例如，電視機的使用參數跟手機就不一樣——看電視時人們離得比較遠，而且基本都在室內遙控，通過遠程操控它。同時，這也意味着根據環境的不同，界面文本大小、配色、對比度等都要不同。

易用性

易用性關係到你的每一個用戶，並不單指那些身體不便的特殊人群。

對好的設計來說，易用、清晰是必須的，不過我們也會教給大家一些步驟和方法，讓那些即使有色覺缺陷或閱讀障礙的人群，也能輕鬆操作你的產品。之後會有一整章節做系統的說明。

崩壞的情形

這個原理與易用性有一定的聯繫：確保您的產品在實際用戶手上不會崩壞。

我們通常都會極力把文字或者圖片設計得漂亮，並且讓客戶印象深刻，但同時也要確保不會因為文本框過長、翻譯問題、缺失圖像等因素無法使用、你可以炫技，但你更要確保細節。

功能可用性

功能可用性意思就是說通過一些感知的方式傳達物品的功能。

比如，按鈕設計的稍微凸出一點，門把手的大小和位置要適合抬手的高度之類的。這個技巧也可以增強交互。常用的可供性設計包括仿真按鈕的深度，在屏幕上像捲軸一樣的展開出現的文字。

文案

設計中的文字內容和樣式本身一樣重要。

好的文案讓app更容易理解，並也比較有個性。就像是跟人說話一樣，而不是一個木訥的機器人，還能創造出和用戶的情感聯繫，提升產品的用戶體驗。

顏色和形狀

某些顏色和形狀在設計里已經有固定的含義了，忽視這種約定俗成的東西，會讓用戶產生混亂。

綠色和“√”意味着好，紅色和“×”意味着不好，不能混淆。同樣，黃色和三角形通常是警示，藍色和圓圈一般都表示有詳細內容。

視覺層次

布局、顏色和字體排版對吸引眼球和信息傳達有很大的影響。要思考你想讓用戶在頁面上看到什麼，按什麼順序看，然後就按照這個重要性的等級來設計。

可以用對比色、粗體、大號字等等各種手段來吸引眼球。當然，也要考慮文化背景。比如說，西方人習慣從屏幕左上方開始閱讀，那你設計就要按照這個優先級來。

字體排版

字體排版通常會被忽視(字體、字號、縮進、間距等)，由於大部分信息都是通過文本表達的，所以這點很重要。

在其他媒介上，也要注意這個基本原則：大小是否合適?行距和單行文本長度能否讓用戶舒適的閱讀?不要遷就不合理的字體設置——對待文字也要有基本的尊重。

動效

越來越好的硬件不僅讓設計看起來不錯，而且動效也更加精美。

小動效能夠加強界面，讓界面看起來更有個性，還能切中產品功能。比如，你想讓用戶注意到你設計的一個新按鈕，那你可以設計一個定時、周期性的跳躍來博眼球。

測試

測試才是王道。電腦不同，屏幕分辨率、硬件、可看視角、錄入方法都不同。有很多預覽工具都能直接把你的設計辦到終端設備上，而且能實時更新。要用!趕緊地!

畫原型圖

原型圖和測試緊密聯繫，原型圖可以把你的想法和設計迅速表現出來。

它的形式也是多種多樣的，可以簡單的在紙上畫畫，也可以在電腦上畫。紙上畫草圖是非常簡單的，要是用動畫表現，你還要用視頻或者代碼呢。

貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit／Undo )命令使
用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

結構

沒有人是孤立的，電腦里的文件也是這樣。

好的組織結構可以節省很多時間。文件整理得好或者分層設計得好，對於其他設計師來說會更一目了然，而且開發人員也很樂意看到有邏輯性的命名。

貼心提醒: 使用選框工具( Marquee Tools )的時候，按住Shift鍵可以劃出 正方形和正圓
的選區；按住Alt鍵將從起始點為中心勾劃選區。

休息一下

搞設計的動不動就陷入設計里，但有時休息一下往往會有意想不到的收穫——不僅為了身體健康，而且可能會帶來新的視角。

泡杯茶，散散步，回來興許就想出方案或者揪出一個錯了呢!

歡迎關註譯者微信公眾號：UIBANG

看完小編分享的教學之後 是不是對平面理論教程中的設計教程教學更熟悉了呢?

希望我們所介紹的 詳細解析完美像素使用手冊之原理篇 這教學會喜歡

文章標題: 骨子愛創意- 詳細解析完美像素使用手冊之原理篇–轉載請註明來源處

本教學分類為平面理論教程中的 設計教程相關教學

文章相關關鍵字為: 手冊,原理,使用,像素,完美,優秀,設計,用戶,可以,而且,

本文永久連結 :詳細解析完美像素使用手冊之原理篇

本文轉載自 :VIA