办公上班前打一炮20p_亚洲色图图片区_变身女人高h肉h_黑人又大又硬又粗再深一点

優惠活動 - 12周年慶本月新客福利
優惠活動 - 12周年慶本月新客福利
優惠活動 - 12周年慶本月新客福利

結構化的內容優先:在不考慮平臺和設備的前提下進行思考

日期 : 2021-12-13 21:18:28

  有意識地忽略我們的最終目標,同時專注在我們在哪里和我們確實需要從哪里開始,這會給我們提供最大的靈活性。在互聯網上最大的問題之一就是技術對決策的影響甚重。設備的性能決定了這些功能是否能實現。內容管理系統甚至在決定設計什么應用或者是為誰而設計之前就已經選擇好了。就好比先聲明了,“我們想用HTML5。"人們總是會關注技術,這是很自然的。畢竟技術具有很大的吸引力和樂趣?;ヂ摼W技術就好像玩具、工具、某種材料,好像“所有人”都在使用它。我們看到很酷的demo,,, 然后思考他們都是用什么技術實現的,而不是讓問題引導我們找到正確的技術方案。我們忘了這些demo只是出自制作demo的技術人員之手。如果你在一個重新設計的項目里,這才是真實世界,你必須得制作能夠起作用的東西。酷炫當然很好,但前提是它能起代用并且解決問題。這里的關注點更多放在解決方案上而不是問題上。我們需要暫時變成悲觀主義者,把注意力放到問題上,熱切地關注它們,讓它們孵化。對于那些商業價值與互聯網技術緊密相關的產品,答案甚至會在洗澡的時候出現。
  1. 內容清單
這有一種關于內容的思考方式可以幫助設計師(和他們的客戶)關注那些對項目真正重要的事情。到底什么才是真正重要的事情呢?其實無論什么情況下,真正重要的都是網站或者應用程序的基礎內容和基礎功能。暫時忽略平臺和瀏覽器,集中精力思考產品為什么是這樣。我們把這種方式叫平臺和設備無關的產品思考。因為那個時候我們還不需要關注這些事,我們還是來想想基礎內容和功能點吧! 通常,提問可以幫助我們進行批判式的思考。1.為什么用戶會在第一時間使用這個網站?想出好的理由... (沒有說服自己),想出更多的理由,然后打磨這些理由,- -定要是真實的理由。2.如果世界上只存在一種瀏覽器,并且僅支持HTML,缺省的樣式、所有的功能都由服務器提供,那么最終你會提供怎么樣的內容和功能?換句話說,用戶會在這里看到什么,用到什么?回答上面的兩個問題,我們把這個叫做內容清單。因為加入內容清單的每一部分內容和每一個功能都需要通過目的性測試,它必須有效支持你給出的第-個問題的答案。當你完成了(這需要花費一些時間,但是對于你的項目來說卻是一個里程碑), 仔細閱讀你給出的結果。它會對你說: " 我在這里"。在這一章里,我們將會對常見的Web設計開發流程作微妙(和不微妙)的改變,使之更加具有前瞻性。我們會認識到如何將這種新流程用到一個小項目中去。這個項目很小,目標并不復雜。它的目的只是大致說明如何將理論用于實踐,而不僅僅是作為研究案例。你可以嘗試著把這些技術部分或全部作用于你的項目,使用那些對你有用的,改變或者放棄那些沒用的。我在這個案例中,和我一樣可以收獲到很多東西。
  1. 一個案例:“3個小盒子“
我們正在制作- -個可以教開發者cCSS 自適應盒模型布局模塊的網站,一個在多平臺領域有很大發展潛力的比較新的布局模塊。關鍵是讓解釋和例子做到傻瓜式的簡單。因為大多數cCSs屬性可以通過渲染文本和模塊得到解釋,讓我們稱之為我們網站的“三小盒子。”最終,我們可能擴大的課程,包括其他Css模塊。‘三小盒子”,將包括理論和語法,以及一些練習,每一-個都建立在上述練習的理念上。用戶將能夠編寫代碼在頁面編輯器,會有地方顯示其結果代碼。點擊“ 運行"按鈕將運行輸入的代碼。每個練習有兩種文字內容的類型:理論和作業。理論解釋語法和概念,作業是學生完成的練習。
讓我們對內容清單進行頭腦風暴:
  1. Logo
  2. 全局導航
  3. 介紹文字(僅在主頁上)
  4. 代碼編輯器(僅在課程頁)
  5. 結果區域(僅在課程頁)
  6. 進度欄(僅在課程頁)
  7. 理論文本(僅在課程頁)
  8. 練習文本(僅在課程頁)
  9. 課程導航(僅在課程頁)
  10. 登錄形式(僅在主頁上)
我們將有兩種類型的頁面
·主頁(介紹性文字和注冊表單)
·課程頁
這么多了。 顯然,這個網站是非常簡單和不完整的, 但它足以作為一個例子。在這里我們省略了很多東西(個人資料頁、對課程完成后統計信息等)。在一個大型網站中,內容量可能是巨大的并將可能被拆分為幾個。但請記住,這不是一個功能規格說明書。我們不必列舉每個項目內容的每一個細節。我們把內容拆分成具有價值的幾個獨立的大集合。我們通常會給每個項目的內容指派序號或ID。因為我們的例子很簡單,我們通常會給每個項目的內容指派序號或ID。因為我們的例子很簡單,我們文本文件就可以做到,不過你可以把它做成你喜歡的各種花哨樣子。關于內容清單最棒的是,它從來沒有失效過。任何情況都是這樣。“客戶可以大叫任何他們想要的,你可以把它記下來。我們可以足夠快地發現什么起作用,什么不會。
  1. 內容參考線框
我們中的許多人在Web設計項目(但愿是在內容清單之后)的第一步就是創建線框圖。線框圖,現在可以說主要是交互設計師在輸出,已經從簡單的圖紙上的線框變成成熟的網頁設計,比起最終設計只是缺少色彩圖像和細節。原先,他們通過這些方法來設計模塊位置、距離、層次結構以及需要優先的部分等。內容用粗線框來表示。一些設計師仍然使用這種方法,但是對于更多人來說,他們的目標已經改變了。
如今,線框圖更多是用來作為一種交付件向客戶展示網站看起來是什么樣,以及它在“設計稿”完成前它到底是怎樣運轉的。事實上,這種類型的線框圖就是設計稿;只不過它們是未完成的狀態,同時把這樣的相框圖給客戶看是有一定潛在危險的。如果說客戶只喜歡其中的某些部分,一-些其他的細小的偏差(比如字體、顏色等)會把它們掩蓋掉。另外如果說客戶不喜歡這個設計,那么接下來就是更多的艱辛工作。這種很早之前的線框圖更接近于現在傳統圖形設計師作的簡圖。很多的簡圖可以快速制作,允許對那些起作用的內容和不起作用的內容做足夠的研究。視覺設計師只需要關注在哪些地方需要重點突出,哪些地方要注意協調統一就好了。這種類型的線框圖對于他們而言是一種工具,而不是給顧客的交付件。不是說我們不需要這么早就把客戶卷入進來,而是說我們首先得給這個過程提供一個模糊的藍圖,而不是直接讓他們認可我們的工作。當客戶和你一起走完設計流程, 認可設計方案當然不成問題。

相關文章