網頁設計步驟

2021-08-30 14:32:27 字數 772 閱讀 3086

第1章 使用者體驗為什麼如此重要

日常生活中的遭遇

什麼是使用者體驗

使用者體驗和**

競爭優勢和投資回報率

記住你的使用者

第2章 認識這些要素

五個層面

自下而上地建設

基本的雙重性

使用者體驗的要素

應用這些要素

第3章 戰略層:**目標和使用者需求

戰略層定義

**目標

使用者需求

團隊角色和流程

推薦閱讀

第4章 範圍層:功能規格和內容需求

範圍層定義

功能和內容

收集需求

功能規格

內容需求

確定需求優先順序

推薦閱讀

第5章 結構層:互動設計與資訊架構

結構層定義

互動設計

資訊架構

團隊角色和流程

推薦閱讀

第6章 框架層:介面設計、導航設計和資訊設計

框架層定義

習慣和比喻

介面設計

導航設計

資訊設計

線框圖推薦閱讀

第7章 表現層:視覺設計

表現層定義

忠於眼睛

對比和一致性

內部和外部的一致性

配色方案和排版

設計合成品和風格指南

推薦閱讀

第8章 要素的應用

例項:搜尋引擎的實施

提出正確的問題

馬拉松和短跑

網頁設計的步驟和大局觀

很久沒看到過值得分享的好文章了,今天在經典裡看到了這篇文章,感覺寫的非常的細膩實際。分享給做網頁設計的同行朋友。在通過與客戶,或與和客戶接觸的業務人員交流,做出乙個準確的定位.定位的準確與否,雖然不能決定一定通過,但如果定位不准或相差太遠,那麼100 被pass.定位決定了你出的稿的品位.試想一下,...

用3個步驟實現響應式網頁設計

寫在前面的話 隨著移動裝置的逐漸普及和web技術的發展,跨端的web開發需求將會越來越大。如何在多種裝置上進行跨端的介面適配呢?我們可以利用css3的media query來實現。本文主要介紹了移動開發和css3結合,來進行多種解析度適配的例子。文中提到的響應式網頁設計 responsive web...

用3個步驟實現響應式網頁設計

寫在前面的話 隨著移動裝置的逐漸普及和web技術的發展,跨端的web開發需求將會越來越大。如何在多種裝置上進行跨端的介面適配呢?我們可以利用css3的media query來實現。本文主要介紹了移動開發和css3結合,來進行多種解析度適配的例子。文中提到的響應式網頁設計 responsive web...