免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

響應式設計讓網頁設計失去靈魂了嗎?

2022-05-29    分類: 網站建設

響應式設計讓網頁設計失去靈魂了嗎?我們能否既讓網頁是響應式的,同時又擁有靈魂?

by Joshua Johnson  |  原文鏈接:http://www.smashingmagazine.com/2015/07/06/hunt-for-the-webs-lost-soul/

響應式設計讓網頁設計失去靈魂了嗎?我們能否既讓網頁是響應式的,同時又擁有靈魂?

· 我們得到的

柵格系統、流動布局成為標配給我們帶來了很多好處:

1、用戶在使用網頁時感到熟悉、輕松;

2、制作原型(相對)快速、簡便;

3、建站技術的高度標準化;

4、快速的布局可以節約成本;

5、嚴格的網格布局促成了響應式設計;

這些標準化和組合技術帶來了巨大的價值,無數的個人和小企業使用這樣簡單、吸引人(但不獨特)的網頁設計與世界分享他們的

品牌并從中獲益,然而這只是故事的一個方面。

· 我們失去的

這些設計都開始變得如此相似。

· 網頁設計雷同的原因

1. 版式布局(LAYOUT)

版式布局的局限性是網頁設計缺乏變化最突出與明顯的的原因之一。去除顏色,動畫,視差滾動等等這類效果,你會看到一些基本布局統治了網頁設計。

2. 響應式設計(RESPONSIVE WEB DESIGN)

終端設備變多導致網頁設計必須保證跨設備的用戶體驗良好。

基礎的、可變寬、可折疊柵格系統使響應式網頁的設計過程更簡單(相比版式設計更靈活的網頁)從而解決跨設備問題。

3. 框架( FRAMEWORKS )

Bootstrap與Foundation的流行導致許多設計師直接套用一模一樣的代碼庫、布局、甚至風格。

4. 制作原型的工具與過程( PROTOTYPING TOOLS AND PROCESSES )

多數原型制作工具鼓勵甚至迫使你使用標準的符合網格布局的方方正正的元素。

5. 高質量的免費照片與圖像(HIGH-QUALITY FREE PHOTOS AND GRAPHICS)

免費好用的圖片庫成了設計師可以輕松獲得的資源,還有圖標、字體、樣式等等。

6. 設計趨勢(DESIGN TRENDS)

設計師的所見所聞影響了他們的設計,網頁設計將這一點充分放大了。結果就是許多設計師從同樣的網站獲得靈感,追趕同樣的潮流。

7. 你和我

上面所列的工具和資源都是很有價值的,關鍵在于我們使用的方式。

· 如何挑戰現狀 - 一些例子

1. 讓布局變得奇怪

Phases Magazine:http://www.phasesmag.com 

Phases Magazine的版式設計不同尋常,如果你覺得這樣的設計很奇怪,那正是這個網站設計者想要達到的效果,與眾不同。

Curious Space:http://www.curiousspace.com 

Curious Space的想法與Phases Magazine差不多,網站的滾動和斷點設置合理,體驗良好,同時在交互的過程中有一些小驚喜,比如鼠標hover住的圖片會被置于頂層,logo的字母部分會隨著滾動改變位置,最終變為整齊的兩行文字,自然地變成導航欄的logo。

Le Temps Dun Trajet:http://letempsduntrajet.fr/

這個網站也是一個有趣的例子,它沒有采用標準網格,但是排布沒有讓人感覺到分散,而有一種有意識的安排。

當鼠標hover到一張靜態圖片時,圖片會變成一小段影片并放大,整個版式也會發生有趣的變化。(去網站實際體驗一下~)

2. 不使用方塊元素

Built By Buffalo:http://builtbybuffalo.com

Built By Buffalo是一個個人作品集網頁,在寬屏下設計師使用六邊形代替了方塊元素,而在窄屏下才使用方塊元素。

Anakin Design Studio:http://www.anakin.co/en

巨大的蒙版字設計大膽, 令人印象深刻,在對作品的展示部分也沒有選擇簡單的方塊縮略圖,而是在縮略圖中使用留白造成形狀的變化。

Fixate:http://fixate.it

For Better Coffee : http://forbetter.coffee

這兩個網頁使用了看似復雜的插畫元素,這些插畫元素與極簡化的趨勢形成了鮮明的對比,給品牌帶來了獨特的個性。

For Better Coffee以一顆咖啡豆變成一杯咖啡的歷程將整個滾動下拉貫穿起來。

Happy Fun Corp : http://happyfuncorp.com

HappyFunCorp網頁的導航是由一整個首頁插畫形成的,看上去有點古怪。用戶點擊游樂場的一個部分時,那部分場景就會放大。

3. 不同的體驗

Vasilis Van Gemert : http://vasilis.nl

Vasilis Van Gemert的個人網頁讓每個菜單相互看上去重疊,并且每次進入網頁時色彩主題都會不同,主要二級頁面也是一樣。

4. 創建一個獨特的視覺主題

另一個讓網頁看上去獨特的方法就是為整個頁面設定一個有趣的主題,制定了這個框架就可以跳出傳統的UI樣式。

當然,這類設計并不適合所有類型的網頁;但是,對于活動宣傳與小公司的網頁是行之有效的。

http://2015.dconstruct.org/

這個網頁采用了復古的未來主義風格,它很好的證明了響應式設計可以不那么平淡

· 風格獨特的網頁的問題

具有實驗精神的設計師們遇到的一個問題是追求網頁的獨特與新奇時犧牲了用戶體驗。我們可以努力的方向就是找到兩者之間的平衡點。

· 網頁設計不死

標準化的和可預見的設計總有其一席之地。事實上,這類網頁是大部分內容類網頁在各類終端屏幕上展現的最可能的解決方案。

即便如此,我們仍然應該不時地發揮創意思維打破規則,因為網頁設計從來就是科技、藝術與設計交叉融合的領

文章題目:響應式設計讓網頁設計失去靈魂了嗎?
轉載源于:http://m.newbst.com/news36/160486.html

成都網站建設公司_創新互聯,為您提供做網站網站內鏈商城網站云服務器小程序開發微信小程序

廣告

聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

營銷型網站建設