无遮挡18禁啪啪免费观看 I 秋霞成人av I brandilove欧美三区 I 激情偷乱人伦小说视频 I 人人插人人艹 I www.亚洲com I 波多野结衣av高清一区二区三区 I 精品无码国产污污污免费网站 I 美女张开腿给男人桶爽久久 I 国产精品久久久久久久免费 I 国内精品久久99 I 亚洲精品无码专区 I 亚洲免费视频一区二区 I 午夜xxx I 国产一区啪啪 I 丝袜激情网 I 日韩精品久久久久久久 I 欧美香蕉视频 I 成人片免费看 I 天天色综合2 I 寡妇被老头舔到高潮的视频 I 亚洲第一页在线 I 国产放荡av国产精品 I 在线精品视频一区二区 I 免费黄色片在线观看 I 秋霞伊人网 I www.伊人 I 久草在线91 I 女人啪啪免费av大片 I 欧美一区二区综合 I 精品久久久久久天美传媒 I 黄色工厂在线观看 I 91精品国产色综合 I 动漫美女被到爽 I 丁香午夜激情

首頁

無論哪種進度條設(shè)計,從這4個方面入手就能輕松搞定!

高勁

不管是在APP還是PC,不管是Loading頁,還是在音樂播放器中,進度條的運用都非常廣泛,形式也多種多樣,讓人眼花繚亂。做為一個交互設(shè)計新手,項目中也經(jīng)常碰到進度條設(shè)計,總有很多疑惑在心中揮之不去:

目標(biāo): 為什么會有進度條的存在?引入進度條的目的是什么?

類型: 結(jié)合使用場景,進度條類型有哪些呢?它們的目標(biāo)是什么?需要展示哪些信息?

形式: 進度條形式多種多樣,怎樣從本質(zhì)上區(qū)分呢?

運用: 實際項目中如何選用合適的進度條呢?

下面列出了3種常見的進度條樣式,我們將結(jié)合這3種進度條,一步一步梳理,希望可以幫助大家獲得更加清晰的認(rèn)知。

創(chuàng)造富有故事性的網(wǎng)頁,你需要熟悉這7個維度

高勁

網(wǎng)站能承載多種多樣的內(nèi)容,但無論是哪種內(nèi)容,通常都會遵循一定的信息架構(gòu)。在這其中,故事是很特別的一種類型。講故事,往往能以更敘事、更情感化的方式,將內(nèi)容傳遞給用戶。

一個好的故事,往往始于筆端,但是最終呈現(xiàn),還是要依靠精巧的設(shè)計。那么設(shè)計是如何講好故事的呢?今天的文章,為你分享一下創(chuàng)造故事的7個維度。

1、圖片

首先,想要講好故事,要通過設(shè)計在視覺上吸引用戶。這一切要從干凈清晰的視覺設(shè)計開始。壯美的圖片,有趣的插畫,驚艷的視頻,都會抓住用戶的注意力,并給予用戶第一印象。

在視覺上足夠突出的圖片,搭配以文案,一切開始擁有了畫面感,而故事因此而誕生。從照片到色彩,從文字到細節(jié),故事所傳達出來的信息和氣質(zhì),和整個視覺設(shè)計應(yīng)該是保持一致的,而好的故事,能夠帶著用戶一路走過來。

從迪士尼到紀(jì)念碑谷,這位中國設(shè)計師掌握了哪些技能?

高勁

編者按:說起usTwo 你可能沒聽過,但《紀(jì)念碑谷》你肯定玩過。這個全球頂尖的設(shè)計工作室還做過哪些酷酷的產(chǎn)品?他們是如何幫助設(shè)計師和客戶合作的?想加入它們有哪些要求?這期直接讓usTwo 的設(shè)計師為大家揭秘。

我們請到了設(shè)計工作室 usTwo 的設(shè)計師 Avalon Hu。她曾先后就讀于臺灣大學(xué)生物產(chǎn)業(yè)機電工程系和密歇根大學(xué)人機交互專業(yè),曾在 R/GA 和湯森路透任職。本期我們聊了聊她如何從迪士尼秀場后臺開始,轉(zhuǎn)專業(yè)成為用戶體驗設(shè)計師;設(shè)計 Agency 的工作流程;usTwo 獨特的企業(yè)文化和公司結(jié)構(gòu);最后她也與想加入設(shè)計 agency 的同學(xué)分享了自己的建議。

用兩個實戰(zhàn)案例,幫你掌握專業(yè)設(shè)計師才會的設(shè)計思維方法

高勁

什么是設(shè)計思維呢?顧名思義,設(shè)計思維就是設(shè)計師用來思考問題和解決問題的方法。如何培養(yǎng)設(shè)計思維?今天這篇用兩個實戰(zhàn)案例幫你一窺設(shè)計思維的奧妙。

我們先來看一個小測試:以下的方案中,哪一個是好設(shè)計?

用一個實戰(zhàn)案例,帶你學(xué)習(xí)交互設(shè)計師的思考方式

高勁

編者按:什么是交互設(shè)計交互設(shè)計師在做什么?他們是如何思考的?今天這篇文章以“我要買一部手機”為例。帶你從零開始認(rèn)識交互設(shè)計師的思考方式。

交互設(shè)計是什么?

我們常常說“我們是用戶的代言人,以用戶為中心做設(shè)計”、“交互設(shè)計是信息設(shè)計+行為設(shè)計”等。我們需要明白,這些定義是設(shè)計師在自我視角下從不同維度對交互進行的定義。

我們是在一個商業(yè)機構(gòu)做一個商業(yè)行為,所以設(shè)計行為是帶有一定的商業(yè)目的,設(shè)計的價值也體現(xiàn)在商業(yè)價值的實現(xiàn)上。

所以,在以上大前提下來看設(shè)計: 設(shè)計是為了達成一定的商業(yè)目標(biāo)服務(wù)的,設(shè)計本身是我們的表達手段,在達成業(yè)務(wù)及用戶目標(biāo)的過程中需要一定的設(shè)計指導(dǎo)準(zhǔn)則以達到優(yōu)秀的使用體驗。

學(xué)會用這5個正確姿勢闡述你的設(shè)計作品,輕輕松松一稿過!

高勁

設(shè)計風(fēng)格是一種很虛的東西,對于大部分的 UI 設(shè)計師來說,都是如此。

相信很多人都是在一家小型的互聯(lián)網(wǎng)公司做設(shè)計,估計還是公司唯一的設(shè)計師,同時對設(shè)計風(fēng)格又拿捏不定,總感覺是跟著產(chǎn)品經(jīng)理或老板的思路去做設(shè)計。比如老板的要求是“大氣”,誰 TM 知道這“大氣”指的什么鬼?

即使花了不少時間去研究其他公司的產(chǎn)品,依然做不出領(lǐng)導(dǎo)滿意的視覺稿,最后還被各個崗位的同事指點著去修改你一把屎一把尿喂大的稿子。

我上面也說了,其實這種事情(講述設(shè)計風(fēng)格)對于視覺設(shè)計師而言是一種很常見的現(xiàn)象。我身邊也同樣有很多設(shè)計師出現(xiàn)這個問題,不知道如何向領(lǐng)導(dǎo)或客戶講述自己的設(shè)計風(fēng)格。

說個現(xiàn)象,仔細想想自己是不是這樣的:我們在做視覺評審的時候,設(shè)計師講述的常常是文字對齊、線條、高斯模糊、圖片大小等視覺表現(xiàn),有時候甚至沉醉于 icon 的角度及尺寸的問題。面對于產(chǎn)品經(jīng)理與程序員的質(zhì)疑只能說:我覺得這樣更好看、這樣比較適合我們產(chǎn)品的風(fēng)格…之類的話。要知道,這些理由在如今這個以顯性數(shù)字指標(biāo)為衡量標(biāo)準(zhǔn)的互聯(lián)網(wǎng)時代已顯得蒼白無力。

實話實話,想要把設(shè)計風(fēng)格講清楚,的確不是一件容易的事。但絕對要避免從感性的角度來闡述事實的這種習(xí)慣,畢竟現(xiàn)在的移動產(chǎn)品從視覺表現(xiàn)力方面正在逐步降低要求,這種環(huán)境的變化也是要求視覺設(shè)計師應(yīng)該主動去加強設(shè)計思路的原因。

為什么要用這個顏色,為什么要用線條、模糊、留白、卡片、陰影…說這么多干嘛?別人能懂?即使聽懂了,他也會從他的角度來告訴你:那我覺得這個陰影不要會更好。你怎么回復(fù)?

這些懸浮動效的常見玩法你都知道嗎?

高勁

動效是如今UI設(shè)計中的重要組成部分,也是目前最熱門的設(shè)計趨勢之一。在之前的《在現(xiàn)代網(wǎng)頁設(shè)計中,動效有哪些常見的用法》這篇文章中,我們探討了動效對于交互和用戶的重要意義,動效在不同的環(huán)節(jié)發(fā)揮的作用越越來越大。而今天我們要聊的是光標(biāo)懸停,這也是近年動效設(shè)計的熱點之一。

正是由于Material Design 和蘋果所引領(lǐng)的動效設(shè)計風(fēng)潮,許多曾經(jīng)有過的設(shè)計技巧和元素正在逐步回歸,而懸停就是其中之一。但是相比于曾經(jīng)那些閃爍彈跳的,現(xiàn)如今的光標(biāo)懸停來的更加微妙,更加強調(diào)功能性和體驗。

和其他動效相似,光標(biāo)懸停讓交互的引導(dǎo)性更強,有的還帶有預(yù)覽的作用,它的使用范圍非常廣,大到全屏,小到提示和導(dǎo)航元素,不一而足。

接下來,我們通過實戰(zhàn)案例看看,光標(biāo)懸停目前有哪些創(chuàng)新的玩法。

首頁動效

想進階成高手?得學(xué)會如何在設(shè)計中打造最合適的組件!

高勁

編者按:什么是模塊化設(shè)計?它有哪些優(yōu)勢?該如何運用模塊化設(shè)計?本文騰訊CDC 的高手帶你一窺模塊化設(shè)計的奧妙。

在看組件和元素之前,我們先了解在他們之上的一個概念

模塊

模塊大家應(yīng)該都不陌生,任何一個完整的界面,都會有多個功能模塊,而每個模塊內(nèi)有相應(yīng)的組件,每個組件中又有相應(yīng)的元素,其中任何一點的變化,都會使用戶對產(chǎn)品的認(rèn)知發(fā)生改變。

看起來很高大上的設(shè)計規(guī)范,看這篇就知道怎么用了!

高勁

什么是設(shè)計規(guī)范設(shè)計規(guī)范到底有什么用?如何看懂設(shè)計規(guī)范?今天@Jaret_杰瑞特 結(jié)合實際工作中的體驗,幫你快速上手設(shè)計規(guī)范。

如何善用對比度來提升網(wǎng)頁內(nèi)容的可讀性

高勁

當(dāng)我們聊設(shè)計的時候,可讀性是我們最常提及的話題。良好的設(shè)計應(yīng)該都是可讀的設(shè)計,如果信息都無法正常而清晰的傳達,那么設(shè)計就失去了意義。

設(shè)計的可讀性和排版設(shè)計息息相關(guān),與此同時,對比度的控制也是其中的核心。想要提升內(nèi)容的可讀性,讓內(nèi)容以更加順暢、更符合邏輯的形式呈現(xiàn)在用戶面前,你需要借助對比度來表達,讓用戶真正順暢的理解。

色彩對比

前景的文字需要和背景有著明顯的對比,它需要能夠吸引用戶的眼球。

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.gyxygd.cn

存檔