1、呈現(xiàn)韻律如何通過UI來呈現(xiàn)出韻律感?這是在給時尚的音樂APP設計著陸頁的時候,最先想到的問題。設計師通過明亮而抽象的圖形來構建動畫,通過韻律感十足的動畫來呈現(xiàn)獨特的節(jié)奏感和韻律感,從而實現(xiàn)情感和情緒的表達。頁面不需要大量的文本,一個醒目的大標題就夠了,接下來就是將用戶的注意力引導到CTA按鈕上,相反大量的文本會影響用戶的注意力,所以,就有了這個頁面的設計。
2、凸顯特點形體和色彩,到底哪個在設計中更加富有表現(xiàn)力?這個問題可能沒有一個固定答案,這場在戰(zhàn)爭在設計領域當中已經(jīng)持續(xù)多年,甚至會一直持續(xù)下去。這個設計項目是為一個室內(nèi)設計工作室來設計官方網(wǎng)站,他們的主要業(yè)務是制作可視化的室內(nèi)設計渲染圖。他們熟知如何大限度地借助設計工具來呈現(xiàn)室內(nèi)設計的效果,在接到需求之后,我們決定使用全屏背景結合他們最擅長的3D建模,來展現(xiàn)高質(zhì)量的室內(nèi)設計能力和建模渲染效果。
富有層次感的排版布局,讓前后景的內(nèi)容各司其職,關鍵的內(nèi)容塊也可以很輕松地被掃視。每個區(qū)塊都有著醒目的標題,能夠告知用戶內(nèi)容的屬性。頁面頂部的導航中呈現(xiàn)了品牌的LOGO,頁面中相關社交媒體鏈接也非常清晰醒目。在這個色彩豐富的頁面中,關鍵的CTA按鈕是需要借助對比色來凸顯,將用戶導向特定的功能和頁面。
數(shù)字建模所帶來的好處是更加沉浸式的場景,和更加易于處理的數(shù)字素材,這樣一來,設計師也更容易處理,加入更加有效的動畫效果。在這個案例當中,動效設計師讓用戶在滾動的過程中,看到條紋式的效果,使得頁面的層次感明顯,也暗示了這個設計工作室在視覺效果上的強大處理能力。此外,用戶可以借助頁面指示器快速切換頁面,這一點也確保了整個網(wǎng)站在功能上的便捷和完善性。
3、強化屬性對于出門旅行,絕大多數(shù)的用戶都抱有著不小的期待。但是旅行本身并不輕松,需要訂購酒店,需要購買機票和車票,租車,購買門票,同時還旅行還意味著非常大量的活動。而這次的概念設計,就是圍繞著預訂服務來展開的。同樣使用了3D建模來構建視覺,諸多和日常出行相關的視覺元素占據(jù)了左側的頁面,而右側則是預訂需要填寫的表單內(nèi)容。整個頁面采用了更加富有活力的配色,降低用戶填寫表單時候的緊張情緒,清晰直觀的頁面布局,讓用戶無需四處摸索,可以直接開始交互。從標題到表單的條目都保有良好的對比度,可以快速掃視閱讀,便于用戶填寫。
4、渲染氛圍所有的父母在尋找托兒所和托管機構的時候,都希望他們的孩子獲得最好的服務,能夠找到能夠給予孩子無微不至關懷的保姆。這個著陸頁的設計是為名為 Kiddy 這個托兒服務提供機構所設計的著陸頁。Kiddy 致力于為用戶提供服務良好的保姆,在這里雇傭保姆絕對稱得上是小菜一碟。
為了讓整個頁面足夠可愛,風格獨特有趣的插畫發(fā)揮了極大的作用,搭配性格富有童趣的字體,讓整個頁面足夠視覺化。與此同時,柔和的配色方案之下,文本和背景之間的對比度非常高,用戶只需要掃視就可以輕松讀取內(nèi)容。
5、營造層次
今年 7 月 26 日,世界電影人都在慶賀著名導演庫布里克誕辰 90 周年,同樣身為庫布里克粉絲的我們,也為他制作了一個相對優(yōu)雅的作品網(wǎng)站。網(wǎng)站展現(xiàn)了他的榮耀之路,他的生活,以及他是如何進行創(chuàng)作的。整個網(wǎng)站的設計都是借助視覺化的設計來驅(qū)動用戶不斷瀏覽,交互不僅在上下左右布局上富有層次,而且在視覺縱深上做文章。作為一個產(chǎn)出過如此之多經(jīng)典作品的導演,我們選取了對比度強烈、經(jīng)典的紅黑白三色來作為整個網(wǎng)站的主要配色,這一點非常符合他獨特的定位和屬性。戳這里查看這個網(wǎng)站。
文章題目:驚艷的網(wǎng)頁設計,讓你的網(wǎng)站迎在起跑線
文章來源:http://redsoil1982.com.cn/news/13604.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供App設計、網(wǎng)站改版、自適應網(wǎng)站、手機網(wǎng)站建設、營銷型網(wǎng)站建設、微信小程序
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源:
創(chuàng)新互聯(lián)