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設計模式》
忙裡偷閒系列,看軟體架構的過程中,走偏了。索性看個明白,共花了一周時間。走馬觀花記一下 策略 將不變的部分與變化的部分分開 觀察者 一對多的組織,上線重新整理,下線自動重新整理 裝飾者 同乙個人,每天換不同的衣服 工廠 一條流水線,什麼原料就生產什麼產品 單件 唯一的存在 介面卡 中介軟體 外觀 高...
讀《未來產品的設計》
讀 未來產品的設計 未來的產品會是什麼樣子?是否會像科幻 電影或遊戲裡描繪的那樣奇形怪狀和匪夷所思?這的確是乙個很難回答的問題。我們的產品和科技日新月異,要預知明天的事物談何容易?不過我們仍然會設想未來,因為有一點可以確信 未來的產品一定會更好地為人服務,歷史也正朝著這個方向行進。換句話說,相對於不...