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

靈活自如:原子與元素設計

日期 : 2021-12-27 14:06:59

       現在對于我們中的很多人來說,影響Web的要素可以總結為三個詞。
它們是:
●響應式
●網頁
●設計
正是Ethan Marcotte為這個包含了流動性網格( fluid grids )自適應圖片(liquid images)和CSS3媒體查詢( media queries )的組合體命名,而此后,全世界的開發人員也不斷發布了一些非常好的樣板、程序包、腳本以及模版解決方案來應對這個組合體帶來的諸多挑戰,這個組合體被Ethan稱為“ 響應式網頁設計( Responsive Web design )"。但是,響應式網頁設計并不僅僅在講設計者和開發者如何利用像CSS3媒體查詢( media queries )這樣的技術,它也不是在講我們如何(根據設備環境) 相應地提供不同尺寸的圖片或處理數據表,這些都只是技術上的挑戰;而自適應不僅僅是克服技術性難題。它并不意味著學習新的語言或是如何最好地應用這些語言。我也希望它僅僅是這么簡單。
       可惜它不是。響應式設計要難得多。
無論你喜歡與否,響應式網頁設計挑戰著我們每一個身處其中的人對網頁設計所認知的一切,這就是為什么在這一章里我將要論證 ,有關設計的那些陳舊方法是怎樣變得不再恰當,并且我要引入一個響應式設計的新方法,一個已經對我和我的客戶卓有成效的方法。
  1. Web設計的本質
就Web設計對我們的意義來說,響應式網頁設計代表了一個根本性轉變。并不是只有我這樣認為。Andy Hume曾寫道:
       “對我而言,響應式設計是關于Web的設計之道。這就是為什么它不是一個額外的附加或是一個特征,而是Web設計的本質。”
我同意Andy的觀點,盡管我知道有些人把響應式Web設計僅僅看為眾多趨勢中的一種,但我相信它有可能是自Web誕生以來再web設計方面最大也是最重要的改變。
  1. 怎樣做、何時做以及為什么做
響應式Web設計改變了我們在Web.上的所為,因此這也意味著我們是如何讓Web發生改變。受到影響的不僅僅是設計者和開發者。響應式網頁設計影響著每一個對Web有所思考、設計、建設、支付或是利用的人。
  • 內容策略專家?有你。
  • 互動,體驗或是平面設計師?沒錯你在內。
  • 前端或后臺開發人員?也有你。
  • 老板,客戶或顧客?那還用說。
  • 用戶?也有你,而且你深受其益。
相對于提供答案,響應式Web設計更多的是提出問題。從內容策略專家道形形色色的設計師和開發者,再道對我們的工作最終認可并支付的老板和顧客,響應式web設計影響著每個進程每個人的工作關系與互動。
       它挑戰著有關怎樣做、何時做以及為什么做的問題。這些挑將不會總是如此輕易地被攻克,而它們所帶來的改變也不會總是廣受歡迎,也許會有大量阻力來自于那些不能或是不愿看到這種適應性需求的人。
  1. 簡單!真的很簡單
1998年,當我剛開始運營我自己的小設計工作室時,我遇到的最大技術問題是,Internet Explorer 4瀏覽器和Netscape 4瀏覽器在我的設計如何呈現這方面是不同的。說實話,即使我那時不得不應對尚未成熟的技術并周旋于那些令,人頭疼的瀏覽器,我仍然感到很輕松。我們都是這樣。真的很簡單。這里寫下了我當時的做法。我打賭你們當時也一樣這么做?;蛟S現在你們仍然這樣做? (1)我先用Adobe Photoshop或者Macromedia Fireworks做一 個設計個我希望每個人都能看到的單獨設計,無論他們使用哪一-個瀏覽 器或是他們的屏幕有多大。(2)然后我要把這個設計作為一個復合信號( comp)或是模型(我把它們叫做靜態圖像,因為它們都是平面的、非互動式的)展示給我的客戶。(3)在此之后,我會根據他們的反饋做一 些改變。我重新設計和輸出新的靜態圖像( static visuals b當這些設計在第二輪、第三輪或是第四輪認可中被敲定,我就把它們轉化成超文本標記語言(HTML)或者級聯樣式表(CSs),把它們發布出去,然后回家正好趕上下午茶和動物魔法( Animal Magic)的重播。
在那時,做一個單獨的設計是可以被接受的,因為對我們自己、我們的老板以及我們的顧客來說,桌面差不多是進入Web的唯一入口。 但今天我們已經不能僅僅制作一個設計了。它不再那么容易,因為不像從前我們只有兩個重要的桌面瀏覽器,如今再各種各樣的設備上可能有上百種瀏覽器被使用來進入Web。
  1. 接受事物的盛衰興亡
中生泊溯到千禧年之際,我們在那時也應該已經注意到Web與其他媒介是古著本質的不同,并且這種獨特性一部分來 自于我們對一件事的缺乏控制,時就是人們對我們在 互聯網上提供的內容 與服務怎樣來看待和互動。事實是,我們原本就應該為 Web的靈活性本質 而設計。實際上,那時有些人注意到了我們使用的方法之愚蠢,并試圖對我們加以提I醒。2000年, John Allsopp寫了一 篇被很多人認為是有史以來關于Web設計最重要的文章:“Web設計之道(A Dao of Web Design)"。其中,約翰寫道: 1最重要的文章:“Web設計之道(A Dao of Web Design)"。其中,約翰寫道: 1控制性,僅僅是印刷媒介由于功能所限造成的。我們應當欣然接受Web無此局限這一事實,并基于這種靈活性來設計。但是首先,我們必須承認事物的盛衰興亡。” 這是個好提議。所以我們接受了嗎? 沒有。真是愚蠢的人。
       那么我們做了什么? 我們自欺欺人地認為我們在掌控。我們試圖施加與以前使用印刷媒介時相同程度的控制。我們大大忽略了這個令人棘手的靈活的Web,反而試圖將網絡加以固定化。下面講述了我們是如何做的。
 

 
 

相關文章
国内精品久久久久精免费