《Head First Web設計》讀書筆記

2021-08-26 16:33:34 字數 1760 閱讀 5188

2012.2.1~2012.2.13

第一章 

1.設計**時,應該以使用者為中心。

2.設計協助你架構專案,並以有效地方式完成工作。

3.大多數**設計專案由四個步驟組成:前期製作,布局,導航系統,以及寫作

第二章  前期工作

4.在**的前期製作時,你可以在紙上寫出設計構想,這樣可以避免編寫**的潛在錯誤,而過早投入**可能會浪費時間和精力,或許還會浪費錢。使用印有瀏覽器邊框的白紙做模板,先確定布局,然後製作分鏡圖(線框圖),敲定設計後再編碼除錯。

5.視覺隱喻6.為**運用視覺隱喻時,試著採取潛移默化的手法,不要太直接。

第三章  組織**

7.**的重點在於傳播資訊(如今**的應用也成為**不可忽視的乙個部分),如果資訊的組織方式不佳,你的使用者將轉身離去,而且不再回頭。

8.**的資訊組織對**導航與可用性有直接的影響。

9.卡片分類是乙個既便宜又簡單、可為**內容套上資訊架構的技巧。(具體方法是,在每張卡片裡寫下一塊資訊和簡短的描述,描述盡量精確,寫完之後把相關卡片分成一疊,每疊卡片取個簡短且具描述性的名稱,最後把卡片排列成網狀的層次)

10.別依賴你自己對**資訊的分類結果,你為使用者設計**而不是你自己,所以找其他人分類,根據多個分類結果對ia(information architecture)進行優化。

11.卡片分類通常會出現孤兒卡片,它是部分**內容需要重新思考或者整個丟棄的清楚徵兆。

12.資訊架構圖展示**資訊分割槽與子分割槽的層次關係。

第四章  布局與設計

13.問卷調查是取得受眾的廣泛資訊的絕佳方式。

14.自創角色是典型使用者,使你的受眾具體化並代表他們。(把問卷調查的結果具體化為使用者角色,不超過3個)

15.螢幕的實際面積是指設計師面對的裝置的螢幕的可用空間。

16.在設計布局的紙上階段,網格能提供秩序與視覺邏輯。

17.**比例能建立更加賞心悅目的設計,三分法是**比例建立網格的建議快速版本。

18.css基於網格的框架式種特殊化的css檔案,包含所必須的樣式,可用於依據css中得網格編排**(網格框架的目標是讓設計是聚焦於專案特有的任務上,而不是重複前人的工作。

第五章  運用色彩設計

19.色彩對**的訪問者具有強大影響。

20.使用色輪來選擇**設計時的色彩。

21.配色方案是協助選擇和協調色斑的工具。(

22.三色方案:使用三種在色輪上距離均等的色彩,它提供強烈的視覺對比,同時維持色彩的平衡、豐富與和諧。

23.四色方案:有四種色彩,形成兩對互補色。是最豐富的配色方案。

——————————無意中把書還給圖書館了,還沒來得及把後面幾張的筆記做完————————————————

第六章  **寫作

第七章  傾聽使用者的聲音

問答形式的調查。

第八章  可演變的設計

根據使用者調查內容對**設計進行不斷改進,加入豐富的網路技術和應用。

第九章  web設計這一行

如何開乙個web設計公司

最後是遺珠之憾。 

這本書淺顯易懂,讓我學到不少,使我了解到web設計的具體流程,並且發現我以前設計的方法漏洞百出。

沒把筆記做完挺遺憾的。

初讀設計模式

初讀設計模式,給我的感覺就是 深奧 天馬行空 自己基礎不紮實。於是上網找了找方法 參考 該如何去讀設計模式 設計模式 最熟悉的陌生人。很多人應該都有這種感受,早就知道設計模式,也能隨口說出幾種,但是不知道每種是怎麼回事。或者說只知道工廠模式等幾個常用,簡單的。估計那也是靠記憶,而不是真正的理解。我也...

簡讀《Head First設計模式》

忙裡偷閒系列,看軟體架構的過程中,走偏了。索性看個明白,共花了一周時間。走馬觀花記一下 策略 將不變的部分與變化的部分分開 觀察者 一對多的組織,上線重新整理,下線自動重新整理 裝飾者 同乙個人,每天換不同的衣服 工廠 一條流水線,什麼原料就生產什麼產品 單件 唯一的存在 介面卡 中介軟體 外觀 高...

讀《未來產品的設計》

讀 未來產品的設計 未來的產品會是什麼樣子?是否會像科幻 電影或遊戲裡描繪的那樣奇形怪狀和匪夷所思?這的確是乙個很難回答的問題。我們的產品和科技日新月異,要預知明天的事物談何容易?不過我們仍然會設想未來,因為有一點可以確信 未來的產品一定會更好地為人服務,歷史也正朝著這個方向行進。換句話說,相對於不...