忍者指南如何更好地進行網頁設計

已發表: 2017-05-10

在此之前,網站的設計錯綜複雜,從零開始,沒有任何類型的執行預先計劃的格式或樣式。 他們以這種方式得到了極大的改進。

所以暗示它是一個尖銳的事實或神話,但過去的網站更具創意和反复無常,帶有狂野的色彩和實驗性設計,有些甚至在背景中播放視頻。 從任何意義上說,它都比現在更有趣、更酷。

這些天來,您訪問的每個其他網站都以某種方式與任何其他網站相似,就好像它們是捆綁構建的一樣。 一些常見的最引人注目的東西是 - 網站中存在英雄圖像或滑塊。 伴隨著屏幕上方的導航欄。 某些用某些自定義字體編寫的大行字以及用於沿頁面滾動的按鈕。 以及所有這些關於組織提供的產品或服務的簡要描述。

似乎很明顯,今年也將流行類似的事情,但是為了想出一些開箱即用的東西,需要記住的事情很少,而且你今天會收到什麼。

網頁設計失去創意的原因

作為一個值得懷疑的事實,我們可以毫不費力地表示,舊環境下的網站架構有時有些糟糕,但風格精明卻擁有創造力和實驗的真正體現。 等同於那些看起來我們一直在閱讀一些比較的東西,只是在計劃安排和陰影方面略有變化。

除非另行通知,否則網絡規劃在獨特性和創造性方面已經變得異常昏昏欲睡,這是非常清楚的。 那是因為我們使它的要求相對較低嗎? 很有可能隨著現成結構的出現,每個時尚人士都可以在任何可以想像的時間輕鬆地建立一個裝飾場所。

Why Web Designing Loosing It’s Creative Touch

例如,如果我們考慮使用 Bootstrap,在過去幾年中,它將成為站點規劃中使用最多的一個。 在我們幾乎每天訪問的超過 25% 的網站中,都使用 Bootstrap 進行了概述。

其基本用途的基本目的是,Bootstrap 會及時為發起者提供所需的組件,同時牢記規劃站點的最終目標。 以這種方式使用它可以使過程充滿活力。

無論如何,這可能會導致創造力和獨特性永遠消失,因此我們將研究某些基本事實,這些事實將使創作者能夠賦予他們的創造力以另一種形式,並通過使用即時可用的組件將網站變為例外。

那麼您對您的網站的真正看法是什麼? 它只是一個保存和裝備有關您的關聯、應用程序或項目的改進數據的地方嗎? 事實上,如果您尋求專家的觀點,那麼網站應該能夠描繪您的形象故事,並以各種可能的方式吸引客人並讓他們著迷。

儘管一個故事可能從一個小小的想法開始,然後用筆在紙上草草寫下。 網絡組合將為它注入活力。 因此,我們應該繼續為您準備好勾勒出一個非凡的網站的方式。

1.使用圖像參與

每個時裝設計師必須記住的基本目標是,他/她使用的計劃必須外在迷人。 以至於它吸引了客人的考慮並促使個人瀏覽整頁。

重要的照片,動畫描述或可能會拼寫的錄音,有助於引起觀察者的注意。 並且進一步以最終目標進行初始介紹,使其持續足夠長的時間以將觀察者轉變為潛在客戶。

Use Imagery To Engage

然而,關鍵的想法是出現,而不是根據需要告訴和安排事情。

這個故事應該充滿象徵意義,無論是通過大綱外顯還是屏幕上出現的文字。 設計一個與您正在講述的故事完美契合的陰影調色板,其中的部分可以驅使客人完成藍圖中的目標或差事。 一個好的故事將有助於引導客人。 此外,輪廓應該是可驗證的視覺匹配。

2.專注於您網站的角色發展

在概述網站時,我們經常喋喋不休地談論客戶角色。 說實話,這是進步過程的關鍵組成部分之一。 因此,在您的故事中呈現一個客戶可以與之產生積極聯繫的角色會將其提升到全新的水平。

角色可以是一個真實的角色,並且從一開始就貫穿整個計劃,或者可以被視為接近實質的聲音。

Focus on Character Development For Your Site

例如,您可以考慮使用電子郵件階段 Mailchimp-Freddie 的知名角色。 我們在整個計劃、博客改進和徽標彈出窗口中看到的這個卡通吉祥物確實為組織做了一些事情。

  1. 首先,角色有助於闡明組織名稱。 正如在一場全麵包括病毒式廣告運動中被冒充的那樣,有人投訴該組織的名稱為“Mailchimp”。 然而,出現在單詞旁邊的黑猩猩使這個名字合法化。
  2. 除了角色之外,還描繪了組織希望用淺色調和基本視覺來描繪的有趣性質。
  3. 當他們沒有大量不同的事情要以特殊的觀點討論時,弗雷迪會給組織一個故事。 黑猩猩是怎麼來的? 他的名字從何而來? 等等。 角色在故事中保持清晰並不斷前進。
3. 通過設計喚起參與

通過與常規活動相匹配的直觀組件來增加計劃的價值。 為客戶需要注意或幫助將注意力吸引到帶有方向標誌的特定組件(例如,“傾向於”智能組件的螺栓或圖片)添加活動觸摸。

考慮不同的影響,可以讓客戶對故事感興趣。 例如,視差外觀是一種非常迷人的方法,可以幫助在屏幕上進行開發。 這就是這種方法如此突出的原因之一。

一個體面的故事不需要令人難以置信。 人類通過基本的漂移動作與合影來推動他們的故事,以幫助您了解組織背後的一般人群。 它直截了當且引人注目。 (還要注意員工的照片。有趣的姿勢和外表讓每個同事的性格都散發出來。)

4. 進行有意義的微交互

考慮客戶將與之交互的大綱中的次要組件。 基於 Web 的社交網站特別推動瞭如此多的參與,因為它們通過微交互進行基本的接觸。

作為複習,當客戶參與計劃時,微交互只是幾分鐘的時間。 每次您更改設置、傳達特定內容、登錄或喜歡您看到的微交互狀態時。 從點擊 Instagram 的心(看著它變紅)到點擊轉發,這些批評圈是讓客戶回歸的原因。

Invoke Participation Through Design

顯著的微交互使大綱感興趣。 它包括使一般經驗有益的客戶能力水平。

微交互還使計劃支持或尋求。 將這些會議紀要與您網站的主要目標聯繫起來。 它可以是任何東西,從允許客戶分享他們剛剛獲得的物品到在物品清單中添加一些東西以同意接受警告。

5)讓你的故事成為一個敘述者

每個故事都有開始、中心和結尾。

Let Your Story Be A Narrative One

如果您的 Web 架構沒有與此故事流對話,客戶可能會感到困惑或迷失。 這是最不復雜的方程:

開始:徽標和功能。 告訴客戶您的身份以及他們出現在您網站上的原因。

中心:所有讓你與眾不同的支持故事。 您可以為您網站上的個人完成什麼? 他們期待什麼是個好主意?

結束:不可否認的採取行動的建議,例如,框架、購買能力或與其他事物的聯繫。

6) 堅持基本、簡單的故事情節

這聽起來可能與上述觀點背道而馳,但故事應該是基本的。 這不是 1500 頁的捲。 一個簡單的故事情節是你可以在 5 秒或更短的時間內闡明的故事情節。

這個故事應該立即吸引客戶,留下印象並讓他們需要返回。 是的,你可以用開始、中心和結束來做到這一點。

上游在登陸頁面上完成了所有這一切——客戶可以尋找更多的故事“中心”,但可以查看登陸頁面上的所有三個部分。 視覺效果和內容講述了上游的需求和人們提供幫助的情況。 屏幕上有一個“被納入”的按鈕,視覺效果非常驚人,以至於您需要提供幫助。

故事簡單而有力。 客戶可能會記得它……還有你。

7) 移動友好

目前,從具有不同屏幕尺寸的眾多小工具訪問網站是很常見的,因此必須考慮您的網站是否適合移動設備。 如果您的網站不適合移動設備,您可以在響應式設計中對其進行修改(這意味著您的網站將根據不同的屏幕寬度而變化),或者您可以構建一個專用的移動網站(一個專門優化的單獨網站移動用戶)。

MOBILE FRIENDLY

僅僅通過記住這些大綱組件,製作一個可愛且有用的網站絕非易事。 您是否有需要調查或增強的網絡組合? 或者,另一方面,您可能正在安排一個站點,並且您希望從最早階段開始就獲得理想的計劃。 無論如何,這些強大的網站架構標準可以幫助您的網站對訪客來說更加迷人、有價值和重要。

8)用新技術更新自己

計算機技術的世界幾乎每天都在變化,為了跟上它的步伐,網站專家應該創新地適應業務的調整。 剪下你工作日或一周的一部分,並將其用於適應你所在領域的新事物。 發現什麼是新的,什麼是傾斜的,什麼是被淘汰的。 如果您不希望看到您的競爭對手通過擁有比您更先進和更新鮮的所有專用標記來奪走您的業務,請注意此提示。

Update Yourself With New Technology

保持卓越的一個不錯的方法是觀察像 Envato Market 這樣的主題或佈局商業中心的流行情況。 通過檢查最熱門的主題,您可以發現客戶正在搜索的內容以及不同的計劃者提供的內容的偏差。

交給你

網絡規劃是一個測試領域。 在該領域取得成就確實需要韌性和肯定,以適應出現的每一種情況,並且在任何事情不順利的時候都永遠不會癱瘓並不奇怪。 為了在網站組成方面取得成就,您需要一個特定的最終目標是勤奮和“永不放棄”的舉止。 到目前為止,你們中的很多人應該在你的專業生活中排練這些技巧中的一個或大部分; 但是,我的意思是要管理那些到目前為止還沒有意識到這些成就計算的人,並提醒那些絕對了解他們的人。