網頁設計中如何系統的畫原型
設計在剛進行原型設計的時候，不具備系統的思考框架。往往缺少某步操作流程、頁面，控件或者是沒思考好用戶的需求及頁面設計的目的，或是整個頁面在用戶體驗上十分粗糙。
那如何從哪些方面系統地去畫原型?在實踐與學習之中，鄭州清新教育鄭州網頁設計培訓的老師總結為3個步驟。
一、需求
首先，需求，即什么人在什么場景下為了什么目的使用什么功能。這里要注意要綜合用戶和我們的需求，并將其融入到產品設計中。比如用戶喜歡在新年期間聽取吉祥話，求到幸運簽;而我們希望透過這個活動促進用戶分享，進而提升品牌曝光率。所以落實在產品設計中便是流程的趣味性及分享機制的設計。
二、入口
其次，入口，即用戶從哪些地方獲知我們的活動，或者說用戶從哪些地方進入活動頁面。這里要注意收集及窮盡入口，設計時不要有遺漏，讓技術能夠完整開發，測試人員能完整測試，保證活動的傳播效果。在自己實踐中，因為在入口處只粗糙交代了幾個，導致在項目后期開發及測試對入口存在不該有的疑惑點。
三、設計
最后，設計。清楚知道需求與入口，但還是不太知道怎么下手原型，其實出在幾個問題上：
不知道流程怎么畫。
不知道頁面怎么設計。
不知道控件怎么設計。
不知道用戶體驗方面怎么設計。
我用一句話介紹我的設計思路：從步驟到頁面，從元素到控件，進行后續設計。
1、從步驟到頁面
描繪業務流程及用戶操作流程→ 將流程轉化為頁面。首先，怎么去描繪流程?我將其分成兩點：
(1)業務流程
首先，我們需清楚線下場景，明確其中有哪些人物參與哪些任務。然后回歸線上，利用系統替換其中的角色。比如，線下用戶求簽的場景中，人物包括用戶及解簽人，任務包括搖簽，出簽及解簽。系統可以替代解簽人的角色及其任務。
(2)操作流程
先明晰用戶操作的主流程，然后再去窮盡分支流程。不要過早地陷入分支細節中，而忽視了主流程的清晰性及簡潔性，深深打擊用戶體驗。
然后，怎么將流程轉化為頁面呢?
將流程命名為頁面。比如進入活動首頁—填寫信息—獲取結果可依次命名為落地頁-編輯頁及結果頁。
明確頁面目的。好比結果頁要引導用戶分享。
2、從元素到控件
填充元素 → 轉化控件 → 頁面流轉
填充元素：圍繞任務設計元素輔助用戶完成任務。比如：編輯頁的任務是填寫信息。所以應具備可填寫信息的元素;為了讓用戶簡單順利完成任務，還需加引導元素。轉
轉化控件：將元素轉化為一個個控件比如點擊按鈕，文本框等。比如根據“填寫信息”設計文本框;根據“引導元素“設計動畫等。
頁面流轉：通過控件描繪頁面跳轉的關系，將各頁面通過連接線連接起來。好比點擊編輯頁的確認按鈕，用戶進入結果頁。
3、進行后續設計
包括視覺邏輯以及功能預見性。這里就簡單提一下：
視覺邏輯：通過上述設計步驟后，頁面就是一堆元素累積的大雜燴。所以需要有清晰的視覺層次以及良好的視覺流結構。
清晰的視覺層次：通過組織讓用戶意識到元素間的相關性，通過突出元素將用戶引導到重要的元素。良好的視覺流結構：視覺焦點的設置不宜過多，導致用戶視覺不斷跳躍。
功能預見性：要讓用戶看到就知道如何操作。
| << 上一篇：網頁設計中的css用法特點注意事項 | >> 下一篇：網站頁面設計中導航的分類及重點 |
- 2018-03-13平面設計中的意境之美如何營造
- 2018-03-10網頁設計中的css用法特點注意事項
- 2018-03-09網頁設計師必須要學習的視覺層級技巧
- 2018-03-08響應式網頁設計的9項基本原則
- 2018-03-05室內裝修進度計劃表如何安排時間
- 2018-03-04網頁設計常用的技能手法：色彩疊加
- 2018-03-02平面設計作品如何更好的利用插畫
- 2018-02-28室內家居裝修設計方案如何制定
- 2018-02-23室內家裝設計如何影響你的心情
- 2018-02-22設計師如何更好的獲取靈感
- 2018-02-21網頁設計手機移動端設計稿寬度多少
- 2018-02-21建筑設計與室內設計如何更好的結合
- 2018-02-11室內裝修設計中如何分辨承重墻與剪力墻
- 2018-02-08人工智能網頁設計的特點和優勢
- 2018-02-052018年較新流行的網頁設計趨勢
- 求學問答專業答復，快速響應
- 電話：0371-63218905
- 手機：13613841515
-
QQ：
