驚艷的網頁設計，讓你的網站迎在起跑線

2013-07-26 分類：網站建設

1、呈現韻律
如何通過UI來呈現出韻律感？這是在給時尚的音樂APP設計著陸頁的時候，最先想到的問題。設計師通過明亮而抽象的圖形來構建動畫，通過韻律感十足的動畫來呈現獨特的節奏感和韻律感，從而實現情感和情緒的表達。頁面不需要大量的文本，一個醒目的大標題就夠了，接下來就是將用戶的注意力引導到CTA按鈕上，相反大量的文本會影響用戶的注意力，所以，就有了這個頁面的設計。
2、凸顯特點

形體和色彩，到底哪個在設計中更加富有表現力？這個問題可能沒有一個固定答案，這場在戰爭在設計領域當中已經持續多年，甚至會一直持續下去。這個設計項目是為一個室內設計工作室來設計官方網站，他們的主要業務是制作可視化的室內設計渲染圖。他們熟知如何大限度地借助設計工具來呈現室內設計的效果，在接到需求之后，我們決定使用全屏背景結合他們最擅長的3D建模，來展現高質量的室內設計能力和建模渲染效果。

富有層次感的排版布局，讓前后景的內容各司其職，關鍵的內容塊也可以很輕松地被掃視。每個區塊都有著醒目的標題，能夠告知用戶內容的屬性。頁面頂部的導航中呈現了品牌的LOGO，頁面中相關社交媒體鏈接也非常清晰醒目。在這個色彩豐富的頁面中，關鍵的CTA按鈕是需要借助對比色來凸顯，將用戶導向特定的功能和頁面。

數字建模所帶來的好處是更加沉浸式的場景，和更加易于處理的數字素材，這樣一來，設計師也更容易處理，加入更加有效的動畫效果。在這個案例當中，動效設計師讓用戶在滾動的過程中，看到條紋式的效果，使得頁面的層次感明顯，也暗示了這個設計工作室在視覺效果上的強大處理能力。此外，用戶可以借助頁面指示器快速切換頁面，這一點也確保了整個網站在功能上的便捷和完善性。

3、強化屬性

對于出門旅行，絕大多數的用戶都抱有著不小的期待。但是旅行本身并不輕松，需要訂購酒店，需要購買機票和車票，租車，購買門票，同時還旅行還意味著非常大量的活動。而這次的概念設計，就是圍繞著預訂服務來展開的。同樣使用了3D建模來構建視覺，諸多和日常出行相關的視覺元素占據了左側的頁面，而右側則是預訂需要填寫的表單內容。整個頁面采用了更加富有活力的配色，降低用戶填寫表單時候的緊張情緒，清晰直觀的頁面布局，讓用戶無需四處摸索，可以直接開始交互。從標題到表單的條目都保有良好的對比度，可以快速掃視閱讀，便于用戶填寫。

4、渲染氛圍

所有的父母在尋找托兒所和托管機構的時候，都希望他們的孩子獲得最好的服務，能夠找到能夠給予孩子無微不至關懷的保姆。這個著陸頁的設計是為名為 Kiddy 這個托兒服務提供機構所設計的著陸頁。Kiddy 致力于為用戶提供服務良好的保姆，在這里雇傭保姆絕對稱得上是小菜一碟。

為了讓整個頁面足夠可愛，風格獨特有趣的插畫發揮了極大的作用，搭配性格富有童趣的字體，讓整個頁面足夠視覺化。與此同時，柔和的配色方案之下，文本和背景之間的對比度非常高，用戶只需要掃視就可以輕松讀取內容。

5、營造層次

今年 7 月 26 日，世界電影人都在慶賀著名導演庫布里克誕辰 90 周年，同樣身為庫布里克粉絲的我們，也為他制作了一個相對優雅的作品網站。網站展現了他的榮耀之路，他的生活，以及他是如何進行創作的。整個網站的設計都是借助視覺化的設計來驅動用戶不斷瀏覽，交互不僅在上下左右布局上富有層次，而且在視覺縱深上做文章。作為一個產出過如此之多經典作品的導演，我們選取了對比度強烈、經典的紅黑白三色來作為整個網站的主要配色，這一點非常符合他獨特的定位和屬性。戳這里查看這個網站。

文章題目：驚艷的網頁設計，讓你的網站迎在起跑線
文章來源：http://m.kartarina.com/news/13604.html

成都網站建設公司_創新互聯，為您提供App設計、網站改版、自適應網站、手機網站建設、營銷型網站建設、微信小程序

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

猜你還喜歡下面的內容

欧美日韩激情_美女国产一区_国产精品久久久久影院日本_69xxx在线

驚艷的網頁設計，讓你的網站迎在起跑線

5、營造層次