人質-楊宗緯

沒看過校園歌喉戰、其他歌唱比賽的節目都不要緊

聽聽楊宗緯的"人質"吧

網路界評為唱的更甚原唱張惠妹！

http://www.youtube.com/watch?v=f0WHmZxhDuE

網站需求文件-文件

網站設計的七大守則。
你能並不代表你應該這麼做
幾乎總是有例外
使用者是最終的審判者
設計師應該努力尋求交叉經驗
謙卑為上
你無法取悅任何人
試著停留在規格與標準的頂端


動工前要考慮的事項

外觀與感覺的需求：內容的位置、網站如何傳遞該公司的訊息、色盤以及呈現的字體與影像的概念

頻寬的需求：網站設計的方式決定需要下載的大小。暸解了頻寬的需求，設計人員可在使用的圖形與文字之間求得平衡。

解析度的需求：解析度不正確的網站，會有礙其適用度、可信度。

擴充性的需求：因為幾乎所有的網站都在持續發展，要考慮未來網站擴充與更改方式對設計人員是很重要的。

內容的需求：網站內容的多寡幾乎會影響其他所有需求，包括以上所述。


小網站(五到十個網頁)
設計人員與客戶只需要在整個過程中以email或電話聯絡即可。

較大的網站(超過十頁)
需要更多的說明文件，包括一份正式的需求文件。(收費或免費的問題)！？



收集需求
缺少細節的需求文件就跟完全沒有需求的文件一樣糟糕。

網站/客戶名稱：不是所有網站名稱都與擁有該網站的公司名稱相同。在開始設計之前知道這件事，是非常重要的。

籌備人：有問題時，知道您可以聯絡誰是很有幫助的。

日期：雖然這可能很理所當然，但知道日期，有助於設計人員撰寫以後的摘要報告與追蹤網站設計的效率。

客戶的聯絡人：越多聯絡人越好。設計人員在開發過程中出現各類問題時，以永遠不會嫌可以聯絡的人會太多。

版本：雖然需求文件的版本應該也包含在文件名稱的命名慣例中(requirements_v3.doc)，但放在文件中也是個明智的作法。有時版本編踸可提醒設計人員要將目前的文件儲存為新的文件。

執行摘要：這份摘要是讓設計人員或團隊瞭解該網站的主旨。設計網站要成功的重要條件是要有遠景，執行摘要有助於使其更貝體化。

假設狀況：很多時候，設計人員與客戶的假設狀況不一樣。如intranet與internet網站就會有改變技術上的需求。

依賴對象：網站的一些即時內容可能需要依賴另一家公式或網站。但如股票行情查詢系統。

目標：進行專案時，設計人員很容易失去重點。如果能重溫網站的目標，有助於釐清思緒，回歸重點。

作用項目：對於完成各種作業時所須執行的特定步驟。

詳細需求：(包括前端問題、功能性需求與網站地圖/流程圖)
EX：「首頁中要有登入的區域，其中包含使用者帳號和密碼的欄位，以及一個送出的按鈕」。

建議的解決方式：只是提到和寫成設明文件的解決方式是不同的事情。客戶在講完電話後可能會認為是這樣，但實際寫下來的解決方式卻可能展現出另一個藍圖。這樣的文件有助於釐清狀況與避免誤解。

網站未來可能的考量：掌控未來額外需求的可擴充設計是很重要的。
EX：「在此階段，我們只需求15個網，不過第二階段需求能再容納20個網頁。」

簽暑同意：在文件上簽署，可後客戶知道討論階段結束，並給予設計人員確認，雙方都同意該份網站的建構準則。


收集需求三原則：
寫下每件事，並確認每件事都寫下來。
將每份文件儲存為不同的版本。
開始工作前要收到簽署過的需求文件。

取得前端的需求：
設計樣稿前應獲得答案的13個問題：
 誰是使用者？該網站的目的是什麼？
 想讓使用者對您的網站有什麼感覺？
 將來，該網站的各個部分需求擴充嗎？
 您需要哪種瀏覽器平台與解析度？(EX：IE/Netscape、800*600/1024*768)
 需求多少層或要簽選多少次，才能獲得最內層的資訊？
 應該要放在首頁上的最重要資訊為何？
 何時可取得用於設計樣稿的文字與圖形(商標)樣本？誰負責提供？
 網站上的影像與顏色需要與建立好的外觀與感覺一致嗎？
 若網站需要垂直捲動是否有關係？
 您的網站需要有哪些功能？(但如表單、動態文字或多媒體元件。)
 希望首頁下載大小為何？
 您的公司有標語嗎？
 何時為預計的完成日期？

品牌的考量：
名稱：該事業的名稱為何？這是品牌風格最有趣的一部份。名稱可以選擇直接表現，也可以完全無關。
所需的情緒反應：該事業體希望其訪客(客戶、盟商、同行、一般大眾等)要有何種感受。
商標：公司現在有商標嗎？需要設計一個嗎？
顏色：網站要要使用那種顏色？顏色可喚起某些情緒反應，需要慎重考慮。

字體設定：字體的選擇永遠都是個困難的問題，而用在Web上的更是如此。雖然設計人員可能上百種字體可選，但要受到使用者的青睞卻很難。

各種可能性的考量：該公司目前的理念為何？需要修改嗎？苦是個已設立多年的公司，這考量就特別重要。



建立品牌
商標
簡單是關鍵—商標必須能兼顧彩色與黑白的形式，避開漸層與多重色調。

顏色
紅色(暖色系)：引發情緒反應會最強烈的顏色。它能喚起興奮、力量、熱情、愛意與激情(正面與負面皆是)等感情或侵略、危險與中止等情緒反應。

黃色(暖色系)：這顏色的濃度很重要，能引起開朗、愉快與溫暖的反應，但也可能是怯懦、哀敗與疾病的感覺。

橙色(暖色系)：喚起溫暖、滿足、積極與生命的感覺，常用來使產品有平易近人的感覺，但也會使其顯得「廉價」。這也是最能促進食慾的顏色，所以常用在餐廳中。

粉紅色(暖色系)：透露出青春、女性、溫暖與平靜的感覺。運動隊伍常將對方的更衣室塗成這顏色，以打擊士氣。

藍色(冷色系)：引起幾乎是紅色的相反反應。喚起冷靜、安寧、穩定、沈著、可靠、忠誠、智慧、成熟的情緒或反應，但也有冷淡、壓抑與無趣的感覺。

綠色(冷色系)：能聯想到成長、財富、自然、精力與舒適、或貪心與嫉妒。

紫色(冷色系)：王族的顏色，讓人聯想到暑華、財富和有教養。它是自然界中罕見的顏色，有些人可能覺得矯揉做作，但有些人覺得很藝術。

白色(中性色)：看起來純粹、乾淨與坦率。這是背景色的理想選擇，因為它能提供文字明顯的對比，並且在大量使用時能有很大的空間感。

黑色(中性色)：可用來表現優雅與時尚，或可產生嚴肅、沈重、不祥與死亡的感覺。

灰色(中性色)：通常用以表現正直、中立、冷靜、成熟或樸素。

棕色(中性色)：同時是樹與大地的顏色，看起來有朝氣、穩固、可靠、有組織與未經矯飾。它也可能有單調或帶點陰暗的感覺。

Ex：航空公司使用紅色(危險)、黃色(警告)與黑色(死亡)，可能是個不好的組合。而餐廳不適合用藍色、黃色與紫色。

文字處理的標準
字體可粗分為兩類—serif(襯線字體)與sans serif(無襯線字體)。襯線字體在文字上有裝飾，在長篇文字時較適合閱讀：如Times New Roman、Times、Georgia、Garamond與Baskerville。無襯線的字體通常用在技術性與情報資訊網站：如Helvetica、Arial、Verdana、Futura和Gill Sans、

確認對象

一致性不能太誇張
簡單有助於整體的一致性。保持KISS(保持簡單、乏味)原則。設計人員的版面與設計極概念如果越不簡單，則維護一個整齊且一致的網頁就會更困難。

暸牽頻寬的需求
目前有多少使用者連上相同的網站？
Internet的整體使用量為何？
ISP的使用量為何？
電腦所連的電話線路狀況為何？

決定解析度
640*480
800*600
1024*768

具彈性的設計
可編輯的網站：設計人員應該能編輯網頁與網站的各區域，而不必重做主要的設計。
模組化的網站：假如一個頁首應由數個檔案或放在一起的幾個部分所組成，如此能輕易取代或編輯。

使用巢狀表格
利用包含檔案
建立有彈性的設計
設計人員應嘗試在網站中設計下列區域使其具有彈性：
選單導覽：這是設計上最常見的彈性問題。若網站經常編修，很多時候客戶會要加入或刪除選單項目，雖然刪除項目稱不太上是問題，但增加項目卻是。另一個就是製作的選單太窄了，不論是垂直或水平選單。
內容的版面配置：網站的版面配置要能調適增加文字或圖形的改變而不會受到影響。
標題區：讓使用者能辨識出第二層與第三層頁面是必要的。辨識首頁之外的其他頁面的一個方法，是包含文字描述。


提高網站的實用性
簡化結構
使用一致命名的慣例：(Contact / Communications)
限制點選的次數：(設計人員應該要以三次為目標。)
避免讓使用者連結到不同節(避免循環式流程。
串接式結構與平面結構的比較(平面結構在一個頁面上盡可能放入許多連結)

版面配置
捲動或不捲動？
安排內容的位置。(上、下、左、右)
表頭區：
公司商標
橫幅
整體使用的功能連結(今天日期)
公司標語
不須歸屬在選單中的超連結
目錄

建立導覽
建立一致性(致命三缺點：選單移位、更改選單、限制選單的數量)。
運用文字作為選單項目
決定使用水平或垂直結構
允許足夠的寬度
暸解不同類型的選單(JavaScript、Flash…影像對應、html變換影像、CSS)

具親和力的網站設計p6-13

針對內容量設計
少量內容：內容與影像的比例常約為20%與80%
中等量內容：50%比50%
多量內容：這些網站通常會有五個以上的內容區域。

使用階層式樣式表CSS

悲歌-世界中心呼喊愛

悲歌-世界中心呼喊愛

1988年…

亞紀已經白血病末期… 起床到處走動跟自殺行為沒兩樣

可是她知道…她想看到最藍的天空…她想去世界的中心：可魯魯(澳洲)



朔想帶她去。花了四十萬日幣買了去澳洲的兩張機票。想讓她去…



朔知道…這次假如不帶亞紀去…就沒有機會了



因為他知道，亞紀就要走了…沒有下次了



10月28日，他們約好要出發去機場



朔招來一輛計程車



亞紀自己把朔推出車外，自己坐上計程車

後來亞紀在火車站等車時，朔奔了過來


朔：「亞紀…！要是有萬一怎麼辦…？」

亞紀：「 因為我不能再給你添麻煩了…」

亞紀：「我要是死了怎麼辦？」(哭了)

朔：「我會把妳背回去」

亞紀：「那我可能會很重喔」

朔：「無所謂」

亞紀：「我可能會發臭喔」(淚)

朔：「亞紀…妳只要保持妳原來的樣子就可以了」

亞紀頭輕靠在朔的肩



往機場的火車上…亞紀靠在朔的身旁

朔：「我想起妳的生日了

七月二日…

我出生時，是有妳在的世界啊」


亞紀：「我一直在等你啊…我一直在沒你的世界

等著你的誕生」(朔流下來淚)

亞紀：「我等待了好久…」(靠著朔)


朔：「亞紀妳只一個人等了三個多月呀…

妳這樣會不會太狡滑了…

我往後必須一直過著這樣(沒有亞紀)的生活呀」


亞紀：「誰叫我跑的快....」(亞紀是田徑隊的)


朔：「妳跑那麼快…到底要趕去哪？

妳不是說沒有彼世的嗎…？」


亞紀：「我要去天國…」(微微笑著說)


朔：「不要去…啦」(閉上眼 流下了淚)

到機場後，亞紀想自己走去登機門，卻
沒有力氣走下去了

朔：「加油！」


亞紀攬著他的腰，走了幾步卻無力的倒了下去


朔：「亞紀！！」


亞紀：「小朔…彼世果然是不存在的

天國也是不存在的…」

朔：「不要再說話了…」


亞紀：「這裡……」(看了朔一眼，笑著說)


亞紀：「因為這裡就是天國呀」


亞紀：「小朔…我喜歡你」

亞紀閉上了雙眼…


朔(旁白)：「在我活著的這幾年，沒有一天亞紀不存在的」

朔：「救命…」(流了眼淚)

朔：「請 救‥救她…」

朔：「請 救‥救她…」(哭了出來)



後來朔並沒有見到她最後一面…



因為朔把昏迷的她帶回醫院…卻已經累的不醒人事。。。昏睡了過去

直到下午才醒來





「藍..........」

「天空.......」

「朔.......」





上面那是亞紀最後的話…於早上離開了人世…


==============================================

也好想擁有這樣子的愛情

不過…卻不會發生在 平凡的生活的

假如他們就像原本那樣一直過下去

那這一段可能都不會被記得。

他們的愛…是當一個人逝去…

才化作永恆！