當某個設計趨勢變得非常流行時該怎么辦?

哈嘍,大家好。北京5PLUS學院為了幫助更多的小伙伴提高設計ui水平和設計意識,會整理一些比較細致且有實際案例的設計知識分享給大家。5PLUS是一所專業ui設計學校、ui設計 培訓機構,有很多出色的ui設計師學習在這里學有所成。如果覺得好,就分享給更多人吧。

到目前為止,您可能已經習慣于看到設計趨勢的變化。但是,您是否曾經考慮過將網站或者APP放置太長時間而對網站的傳遞趨勢忽略?作為UI設計師,您有幾種選擇。您可以完全忽略流行的設計趨勢。您可以采進行改版,在它們過時后將它們進行升級,或者可以對它們進行獨特的改造。本文將幫助您確定哪種方法最適合您去設計。

我最近在讀了一篇有關語言飽和度的有趣文章。這是問題所在:

消費者并不總是了解企業開展業務或為其創建的解決方案的技術性。因此,撰稿人使用行話將“具有計算功能的互聯網連接設備”轉換為“ 智能手機”,“ 智能手表”和“ 智能揚聲器”。其中一些流行詞像野火一樣散布開來,很快就找不到不使用它們的品牌或網站。當這種情況發生時,在消費者心中,這些詞語以及相關的產品或服務將變得毫無意義,因為每個人都在說同一件事。

當設計趨勢變得太流行時,也會發生同樣的事情。

但是您有什么選擇?您是否應該繼續追隨設計潮流,以使您的網站不會落伍?今天,我們將研究您的選擇。

應該如何應對流行的設計趨勢?

明確地說,我并不是建議您忽略任何和所有上升的設計趨勢。

我們絕對需要全面采用某些趨勢。像極簡主義和移動優先設計。當有大量可量化的證據表明需要一種設計技術時,請不要忽略它。

我要說的是設計趨勢,但并非旨在加強網絡。取而代之的是,它們僅是為了提高網站的參與度。

野蠻主義。大量的動畫加載,主頁滑塊。主頁英雄滑塊等設計特效,還是很酷的,第二個流行的網站開始采用這些趨勢,并且一旦作家和設計師開始將其納入設計趨勢綜述中,則僅數月之內,消費者就將其淹沒。這就是橫幅失明的時刻。

那么,當您了解一個有望帶來巨大成果的新設計趨勢時,您有哪些選擇呢?

忽略它并堅持使用有效的方法

您應考慮使用此選項的一些原因:

您從事短期網站項目。

對于那些建立網站的人,將其移交給客戶,然后希望他們在下一個網站上再次拿到您的業務感到幸運,順應時尚潮流的設計趨勢可能不是一個好主意。

您知道設計趨勢如何迅速變化,那么為什么要將您的客戶置于網站上的設計過時的位置?將要發生的三件事之一:

他們將保留過時的功能,并且不知道這會花費他們轉換成本。他們會在啟動后不久要求您提供刪除功能的幫助,并且對于很快需要返工不滿意。他們會向另一位設計師尋求幫助,因為他們不高興您將他們置于這種不太理想的位置。

除非您的客戶有充分的理由說明為什么他們需要利用過時的設計趨勢,否則請嘗試勸阻他們。如果他們了解其中一些趨勢的短暫性質,以及橫幅盲目性因過飽和而如何發展,則他們應該堅持使用有效的方法。

您正在為一家非常完善的公司設計(或重新設計)網站。

當為一家在受眾群體中享有長期聲譽以及成功運營的公司建立網站時,采用一種過時的趨勢可能會帶來風險。

我瀏覽大量的國外網站,因此下面我都會以國外的網站進行舉例說明,因為我個人覺得國外的網站設計風格更符合國內的網站設計趨勢,簡約大氣,更能吸引更多的客戶和瀏覽者,公司里的很多設計者也都是模仿國外的網站進行設計,可苦了我們這些前端編程者。

以下面站點為例:

734

Zillow在手機端的主頁

這是今天的移動主頁。本質上,它簡單,時尚且直觀。

您能想象如果設計師決定將視頻背景添加到banner會發生什么?還是通過彈出搜索框來降低瀏覽體驗呢?

您必須真正考慮對預期設計的破壞會對事物流產生什么影響。因此,在設計本著一致性和便利性對稱的品牌打造產品時,最好忽略過去的趨勢。

這并不意味著不應重新設計此類網站。就像我之前說的那樣,持久的設計“趨勢”不可忽視,因為它們使我們能夠朝著正確的方向移動網站(例如響應式設計)。例如,這是之前的移動主頁:

734

之前的主頁

看看在短短幾年內使網站具有移動響應能力和移動優先的網站方面,我們已經走了多遠?這些是不需要辯論的流行更改。

●公司的目標是建立關系。不增加銷量。

我意識到,每個網站都需要轉化才能生存。但是,許多業務模型不能僅靠一次性銷售就能維持下去。持續不斷地向新客戶推銷成本很高,這就是為什么某些企業專注于與客戶群建立長期關系的原因。

這就是為什么您需要避開這類網站上促進轉化的設計趨勢。

以下面的站點為例:

734

移動網站沒有傳遞設計趨勢和元素

我看到這類網站設計都會增加兩個彈窗,基本都是形成一個對比,例如:其中一個按鈕會帶有“是的,我想改變我的生活!”之類的內容,另一個是用“不,我喜歡住在骯臟的房子里”之類的內容,這樣的內容對比勢必會讓用戶感到反感,我們應該用最新鮮的元素和設計來吸引用戶。

請記住,如果您要為建立網站的品牌也承擔著類似的使命“建立長期和有意義的關系”,千萬不要因糟糕的設計決策而導致沒有達到預想的效果。

采用趨勢,但要關注市場飽和

金融科技領域的許多作家不得不轉向更簡單的寫作風格,大家對這句話有什么不同的見解?

“起初,新創業公司使用行話和流行語來突出他們的嶄新技術并賦予自己競爭優勢?!?/p>

我認為這對設計師也是一個很好的教訓。趕上設計趨勢的潮流并非總是一件壞事,特別是如果它已被證明有效并且仍處于公眾意識的早期階段。

因此,盡管在明顯的情況下可以避免設計風潮,但我認為有時還是有必要利用它們。唯一的事情是,您不能只實現設計然后再保留它,不去使用它。

例如,這是PC的動畫網站:

Uxrenyi 359 10

PC動畫演示

現在,讓我們將相同的動畫體驗與用戶在移動設備上獲得的體驗進行比較:

Uxrenyi 359 10

移動動畫演示

這時候我們就可以看到移動端很多的動畫都被取消,而且出現了分層錯誤,在此移動網站上做出的許多設計選擇應被逐步淘汰。

  1. 在背景中的垂直字體應該去掉。它可能會為桌面站點添加效果,但在移動設備上著實難看,很多人覺得這些都是切頁面程序員的鍋,但設計初期就已經出現錯誤。
  2. 在桌面上的現場動畫并沒有轉化到移動設備上。為了向訪問者提供一致的體驗,設計師應致力于移動優先設計。
  3. 在整個移動網站上也存在分層錯誤,文本經常覆其他蓋文本的部分以及缺少號引導用語按鈕。

正如我所說,在某些網站上可以采用短期設計趨勢。只要注意他們。

例如,有些網站的設計一直在變化,但是它采用的任何設計趨勢似乎都不會使它們受到歡迎。往往會在它們變得過多之前就切掉。這是要記住的關鍵。

734

應移動優先

如果您想利用流行的設計趨勢,需要與客戶長期合作。這樣,您開始注意到的第二個:

市場過度飽和,趨勢已經完全陳舊,否則您的用戶對此反應不佳。

走相似但不同的方向

當一種設計技術或元素立即普遍流行時,它具有更多的價值,而不僅僅是增加轉換或創建更漂亮的設計的能力。

看看它為什么會被它所吸引。如果您了解推動時尚流行的因素,則可以利用其中最重要的部分,將其制成自己的東西,并具有真正的持久力。

之前滾動屏網頁設計之后不久。盡管有一些網站利用了這種趨勢,但還是未能大部分流行,現在H5動畫繼承了這一切,很多站點開始走動畫,分屏的方向,效果還不錯。

讓我們看一下使用此方法的網站的最新示例。

你們都熟悉分屏設計的趨勢,對嗎?無論是在靜態形式上,還是在另一半移動時,屏幕的一半都保持原樣,它在桌面上都可以很好地工作。但是在手機上?不太好。

Uxrenyi 359 10

應移動優先

如果您想利用流行的設計趨勢,需要與客戶長期合作。這樣,您開始注意到的第二個:

市場過度飽和,趨勢已經完全陳舊,否則您的用戶對此反應不佳。

選項③:走相似但不同的方向

當一種設計技術或元素立即普遍流行時,它具有更多的價值,而不僅僅是增加轉換或創建更漂亮的設計的能力。

看看它為什么會被它所吸引。如果您了解推動時尚流行的因素,則可以利用其中最重要的部分,將其制成自己的東西,并具有真正的持久力。

之前滾動屏網頁設計之后不久。盡管有一些網站利用了這種趨勢,但還是未能大部分流行,現在H5動畫繼承了這一切,很多站點開始走動畫,分屏的方向,效果還不錯。

讓我們看一下使用此方法的網站的最新示例。

你們都熟悉分屏設計的趨勢,對嗎?無論是在靜態形式上,還是在另一半移動時,屏幕的一半都保持原樣,它在桌面上都可以很好地工作。但是在手機上?不太好。

734

在它的動畫、分屏圖形中隱藏了一條信息

訪客會注意到,將箭頭移到右側時,鳥形圖中會仔細隱藏一條消息。當然,文本應該更大,但是如果移動訪問者難以閱讀,則可以放大。

但是你明白我的意思嗎?當設計趨勢突然變得流行時(很短或很長一段時間),這并不一定意味著您需要像其他所有人一樣使用相同的確切版本。這就是為什么一旦外觀精美的網站過時,過飽和就會迅速轉變。

但是,通過對設計趨勢進行創新,然后使其成為自己的設計,您可以賦予趨勢真正的持久力,同時使網站在流程中脫穎而出。

總結

如果我們通過利用與其他所有人相同的設計趨勢來過度使用它,則會使我們的網站面臨變得多余甚至更糟的是看不見的風險。那么,如果我們不能利用設計的“行話”,我們該如何確立自己的優勢呢?

事實是,沒有一個明確的答案??梢赃@么說,您需要查看更多的設計風格,并確定哪種方法最適合您。您可以不去管潮流趨勢,可以暫時采用它,也可以自己制造。

很多時候我們都看到的是千篇一律的設計風格,尤其在如今的數字信息時代,界面的設計跟內容的轉化相當重要,我們不再是平平淡淡的展示內容,則需要更多的動畫和用戶體驗良好的設計風格來吸引客戶,我們還是側重移動優先設計。

作者:Suzanne Scacca