UI設計如何制作你的第一個線框

　　線框是UI設計師，用戶，利益相關者和開發(fā)人員之間的通用語言。本文AAA教育的武老師對如何制作你的線框進行了詳細的分解。

　
    　線框中不包括的內(nèi)容
 

　　好的線框的關鍵是簡單，以及線性圖標。需要做的只是顯示元素在頁面上的布局以及網(wǎng)站導航的工作方式?？梢陨院筇砑泳赖?a href="http://m.lb577.com/ui/2547.html" target="_blank">圖像和華麗的字體。盡量減少干擾。
 

　　請牢記以下準則：
 

　　保持顏色為灰度：白色，黑色和中間的灰色。
 

　　最多使用兩種通用字體，也許是一種襯線字體和一種無襯線字體。通過更改字體大小以及是否設置樣式(粗體，斜體等)，仍可以通過字體顯示信息的層次結構。
 

　　避免出現(xiàn)浮華的圖形和圖像。相反，請嘗試使用簡單的矩形和正方形作為占位符，并在框的中間添加一個“ x”，以顯示圖像的放置位置。專家提示：您也可以通過在框中心使用三角形作為播放按鈕來對視頻執(zhí)行相同的操作。
 

　　從線框走向成品
 

　　從草圖開始并向前發(fā)展，在產(chǎn)品設計過程的開始和結束之間通常會有許多步驟。讓我們看一下您可能遇到的其他一些術語：
 

　　我們已經(jīng)討論過線框。它們充當數(shù)字產(chǎn)品的骨架。他們?yōu)槟峁┝瞬季趾蜆嬙斓目傮w思路。除了設計的骨架之外，內(nèi)容和復制品是產(chǎn)品的肌肉。力爭在過程的早期就擁有內(nèi)容。Lorem ipsum永遠不會使您的設計正義。
 

　　放置實際內(nèi)容以確保一切按您的方式進行將很有幫助。
 

　　該過程的下一步是高保真模型。樣機是您產(chǎn)品的更直觀表示?？紤]一下諸如皮膚或面部特征的模型。這是您通過測試變化來確定外觀并開始賦予產(chǎn)品某些特征的部分。
 

　　將設計交給開發(fā)人員的最后一步是原型。制作原型就像打扮您的模型并使之適合公眾。它不是最終版本，但可以向其他人展示。在這一點上，您需要做的只是在將模型發(fā)送到生產(chǎn)之前進行細微調(diào)整。
 

　　請記住，線框只是邁向原型的第一步或第二步。由于原型是產(chǎn)品中功能最強大的草案，因此線框可以幫助您集中內(nèi)容的放置并為功能正常的原型設置路線。
 

　　在設計過程中使用線框
 

　　不同的UX設計人員以不同的方式處理線框圖。有些人喜歡從手工繪制開始，而另一些人喜歡使用在技術上更偏愛的應用程序或工具。通常情況下，手動或在計算機上進行線框的決定以及從草圖和線框到代碼的獲取過程，更多地取決于特定情況所需的方法，而不是設計人員的偏好。

　　用戶期望在頁面的某些區(qū)域看到什么?
 

　　線框應該是站點框架以及如何導航的直觀指南。在此階段，外觀和視覺吸引力不是因素。線框的主要問題應該是以這種服務的用戶熟悉的直觀自然的方式來呈現(xiàn)您的內(nèi)容。
 

　　UI設計師的任務是使用戶更容易實現(xiàn)他們的目標(或者使他們達到轉化點或遵循號召性用語)。通過以這種方式顯示您的信息，設計師使產(chǎn)品的業(yè)務目標與用戶需求保持一致。全部通過布置一些線條和花樣。很酷吧。這篇文章的內(nèi)容你學到了嗎，更多資訊請持續(xù)關注AAA教育~