Menu

在每一個網站中建立Resiliency的案例

<返回列表

問一打網頁設計師如何建立一個特定的功能-你可能會得到十幾個獨特的答案。這是網頁設計之美的一部分。您不需要堅持一個特定的公式,以實現所需的外觀或功能。

然而,并非每一種解決辦法都是平等的。它在瀏覽器中工作得很好這一事實是不夠的。潛在的缺點是有些方法比其他方法更有彈性。

但究竟什么是彈性當涉及到網頁設計?讓我們來看看什么是彈性設計(無論如何,在一個設計師的觀點中)。然后,我們將討論彈性如何改變您處理項目的方式。

不要建紙牌屋

您曾經構建過一個頁面,甚至一個高度依賴于單個元素的特性嗎?如果這個元素被以某種方式改變的話,整個東西就會破裂嗎?

很可能我們都在某個時候做過這件事。例如,想想一個老式的多列布局。在我們之前CSS網格或者Flexbox,我們經常發現自己試圖把它和浮子結合在一起。

雖然可以讓它在瀏覽器中工作得足夠好,但整件事都是一堆紙牌。意外刪除錯誤的css類或忘記使用清除攻擊導致了一個破碎的布局。

簡言之,這種做法沒有彈性。這是太容易打破,不能很好地適應未來的變化。最終,我們可能不得不重建布局,以便更好地處理不同的場景。

Playing cards on a table.

相反,建造一個摩天大樓

也許這不是最優雅的類比,但一個可持續設計的功能有點像摩天大樓(和我一起工作)。它的目的是保持機智,即使它的許多級別之一也有問題。

在現實世界中,把它看作是一個導航菜單,當一個新的項目被添加時,它不會被淹沒。或者是一個列,它不會超出它的邊界,因為它包含比你預期的多一兩個句子。

這就是彈性的本質。這是一種考慮如何使用(或濫用)特性的實踐。意識到可能有一些你無法預料的用途。然后,它是一個設計和建設的方式,能夠承受幾乎任何情況。

當然,這并不意味著什么東西是完全防彈的。但它確實消除了最有可能的臨界點。這使得網站在發布后很長一段時間才能蓬勃發展。

City skyline with tall buildings.

挑戰

這聽起來很棒,對吧?我們努力創造一些在壓力下不會枯萎的東西。但是,和大多數事情一樣,說起來容易做起來難。

在這一過程中涉及到許多挑戰。第一種方式是關注哪些是可行的,哪些是不可行的;第二種是當客戶要求一些不能持續的東西時。讓我們一個接一個地解決它們:

確定什么是彈性

在您的設計中確定什么是和不具有彈性的最佳方法之一是實驗。你以你所知道的最好的方式來設計和構建一些東西,測試它,然后看看它隨著時間的推移是如何發展的。當你進入新的項目時,這種體驗會證明是無價的。

除了經驗之外,另一種解決問題的方法是使用前面提到的撲克牌屋類比法。如果您所創建的東西嚴重依賴于一個方面??一個css類處于特定位置,則為空。div或者是其他的密匙-它可能沒有彈性。

這其中最重要的方面是錯誤提供了學習的機會。你學得越多,你就越擅長在項目中建立彈性。

教育客戶

客戶經常帶著雄心勃勃的計劃來找我們。尤其是當你的客戶是一個設計師的時候提供給你有一個模型可以建立。他們可能會發送一個Photoshop,Sketch或XD文件,其中包括一些具有挑戰性的方面。或者,客戶可能會在另一個網站上看到一個具有視覺吸引力的功能,并要求您復制它。

情況很艱難。這些項目可能有一些CSS魔術。您甚至可以讓它在所有主要瀏覽器(包括IE!)中工作--但代價是什么呢?

嗯,當你的客戶在幾個月后做出改變時,你花了幾個星期的測試才得到的特性恰到好處像樹枝一樣折斷。

有時,實現彈性功能的部分過程是讓客戶相信它的價值。也許有些東西看上去不太像另一個網站的那個酷特性,但是它會更容易(因此,更便宜)保持下去。

A building under construction.

彈性從零開始

模擬一個網站可以是一個有趣的經歷。這是一個釋放你的創造力的地方,并且(希望)給你的客戶留下深刻的印象。

這也是我們作為設計師會陷入困境的時候。設計方面的雄心往往是積極的,但它也會導致眾所周知的紙牌屋。試圖變得太可愛的元素可能會使你陷入一個角落,當是時候建立。

這就是為什么從你打開你的設計應用程序的那一刻起就考慮彈性是很重要的。考慮每一個設計決策你做的。問問自己,如果一個元素不包含那么多的字符,或者在一個小屏幕上查看,會發生什么。

從一開始就關注這些問題。它可能只會讓你避免從恐慌的客戶端接收到這樣的信息,即布局被破壞或其他各種各樣的混亂。光是這一點就值得付出努力。


最新網站設計資訊
企業網站建設

企業網站建設優化一條龍,多年品牌網站設計,營銷網站開發,手機網站制作,響應式網站設計

聯系我們

電話:18868949445QQ:1611387063 郵箱:[email protected]

聯系云軒總監微信

微信
(^ω^)MG野狼试玩网站 甘肃省十一选五走势图手机版 天天棋牌游戏送现金 血战麻将怎么翻倍 甘肃11选5走势图 山西官方下载快乐十分 彩票平台官网 卡五星麻将最高技巧 星悦麻将 云南11选5定位走势图 江西快3稳赚技巧 pc蛋蛋辅助 重庆彩开奖号码查询 东北麻将教学视频 步行者特纳 亿客隆 广西快三网址平台下载