麻豆精品传媒官网_麻豆视传媒官方网站入口在线_麻豆映像文化传媒 ,免费黄色网页|免费看黄色网站|在线免费看黄|免费看黄网址

首頁(yè)

網(wǎng)頁(yè)設(shè)計(jì)中,如何突破柵格的限制又保持協(xié)調(diào)?

周周

現(xiàn)如今,柵格已經(jīng)幾乎是所有網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)。這些隱形的線條創(chuàng)造出空間的節(jié)奏感和視覺的流暢感,他們是讓網(wǎng)頁(yè)變得更加和諧的基礎(chǔ)。

但是,柵格存在的目的是幫你創(chuàng)造好的設(shè)計(jì),當(dāng)你開始逐漸適應(yīng)柵格的存在,千萬(wàn)不要被它束縛住。你并沒有必要100%地受限于柵格,偶爾打破柵格的設(shè)計(jì)可能會(huì)讓你的設(shè)計(jì)更加抓人眼球。不過(guò),想要打破柵格又保持網(wǎng)頁(yè)的協(xié)調(diào),是有技巧的,并非任何“破格”的設(shè)計(jì)都是好的。今天,我們來(lái)聊聊這個(gè)。

了解柵格系統(tǒng)

實(shí)戰(zhàn)經(jīng)驗(yàn)!從0到1的騰訊微眾銀行APP項(xiàng)目小結(jié)

周周

ake:照搬他人的模式要比創(chuàng)造新的東西容易。做大家都知道如何去做的事,只會(huì)使世界發(fā)生從1到N的改變,增添許多類似的東西。但是每次我們創(chuàng)造新事物的時(shí)候,會(huì)使世界發(fā)生從0到1的改變。—— Peter Thiel,Blake Masters《從0到1:開啟商業(yè)與未來(lái)的秘密》

微眾銀行作為國(guó)內(nèi)第一家具有互聯(lián)網(wǎng)基因的民營(yíng)銀行,正在創(chuàng)造新的金融模式,讓我們的世界開始發(fā)生從0到1的轉(zhuǎn)變。作為新的事物,它并不是簡(jiǎn)單的“互聯(lián)網(wǎng)”與“銀行”相加,而是用互聯(lián)網(wǎng)的思維在金融領(lǐng)域進(jìn)行創(chuàng)新。

過(guò)去的兩年,我們做了很多嘗試和探索。但創(chuàng)新絕不是一帆風(fēng)順的事情,所以過(guò)程中的設(shè)計(jì)方法更值得記錄和分享。在項(xiàng)目初期,我們做了很多分析和準(zhǔn)備,但由于時(shí)間關(guān)系,我們一直沒能好好的梳理成文。現(xiàn)在微眾業(yè)務(wù)趨于成熟穩(wěn)定,促使我們重新回看剛開始那段珍貴的時(shí)光,把項(xiàng)目初期的的精華重新記錄下來(lái),希望對(duì)大型項(xiàng)目的初期搭建能有一些啟發(fā)和指引。

頂尖高手的經(jīng)驗(yàn)!FACEBOOK的產(chǎn)品設(shè)計(jì)師是如何思考的?

周周

@C7210 :之前發(fā)現(xiàn)這部 Julie Zhuo 在斯坦福大學(xué)的演講視頻,主題為“How Facebook Designer Thinks”,全長(zhǎng)37分鐘,共分為四個(gè)主題,包括“怎樣識(shí)別問題、定義需求”、“解決真正重要的問題”、“為什么要設(shè)計(jì)新表情”以及“預(yù)先定義成功”。

想劍走偏鋒?試試這6種實(shí)驗(yàn)性的網(wǎng)頁(yè)導(dǎo)航模式

周周

雖然絕大多數(shù)的設(shè)計(jì)都遵循設(shè)計(jì)規(guī)則和用戶的使用習(xí)慣,但是標(biāo)新立異的設(shè)計(jì)仍然非常有市場(chǎng)。獨(dú)特的設(shè)計(jì)更容易讓人難忘,這一點(diǎn)是毋庸置疑的。在網(wǎng)頁(yè)的導(dǎo)航欄設(shè)計(jì)上,也是如此。隨著越來(lái)越多的網(wǎng)頁(yè)開始采用加粗的非襯線字體置于網(wǎng)頁(yè)頂部作為導(dǎo)航,許多有想法的設(shè)計(jì)師開始有意識(shí)的打破這一規(guī)律,別出機(jī)杼,采用不一樣的導(dǎo)航模式。

當(dāng)然,如果你的網(wǎng)站用戶量大,并且需要盡量降低用戶的使用門檻,遵循常規(guī)的設(shè)計(jì)更合適。如果你的網(wǎng)站是更加偏向?qū)嶒?yàn)性的小網(wǎng)站,有趣而好玩的導(dǎo)航模式,反而更適宜于用戶探索。不同的導(dǎo)航模式對(duì)于網(wǎng)站的影響不盡相同,針對(duì)不同的內(nèi)容、不同的用戶,你需要仔細(xì)挑選導(dǎo)航模式。

實(shí)驗(yàn)性的導(dǎo)航并不具備泛用性,但是如果你在追求別具一格的設(shè)計(jì),那么下面這些獨(dú)特的導(dǎo)航設(shè)計(jì)應(yīng)該能激發(fā)你的靈感。

側(cè)邊欄導(dǎo)航

網(wǎng)易UEDC:6個(gè)方法幫交互設(shè)計(jì)師與上下游順暢合作!

周周

網(wǎng)易UEDC – 何巖:本文是剛?cè)胄械?/span>交互設(shè)計(jì)師結(jié)合整個(gè)實(shí)際項(xiàng)目實(shí)踐,嘗試探討交互設(shè)計(jì)師和產(chǎn)品經(jīng)理、其他上下游同事之間的“共生”關(guān)系,希望幫助設(shè)計(jì)新人找到與上下游配合的一點(diǎn)靈感。

(工作原因,文中配圖較模糊,請(qǐng)見諒)

協(xié)助產(chǎn)品經(jīng)理確定產(chǎn)品架構(gòu)

產(chǎn)品經(jīng)理才是最懂產(chǎn)品的人嗎?在項(xiàng)目初期,大家對(duì)產(chǎn)品的概念都很模糊,即使是產(chǎn)品經(jīng)理也是通過(guò)來(lái)自各方的需求、數(shù)據(jù)和競(jìng)品分析等來(lái)大致搭起框架。這個(gè)框架是否合理,框架衍生的功能流程限定在什么范圍,這些問題即使是最有經(jīng)驗(yàn)的產(chǎn)品經(jīng)理也不敢保證。

交互設(shè)計(jì)師雖然是產(chǎn)品經(jīng)理的下游,也應(yīng)盡早參與策略層(Strategy)的討論,如果你的領(lǐng)導(dǎo)了解交互設(shè)計(jì)的重要性并且邀請(qǐng)你參加項(xiàng)目前期的務(wù)虛會(huì)議,你就應(yīng)該珍惜機(jī)會(huì),會(huì)前做好競(jìng)品分析等準(zhǔn)備工作,會(huì)上以交互崗位的專業(yè)視角提出建議; 如果你不夠幸運(yùn),不能參與到產(chǎn)品戰(zhàn)略決策,只是承接上游下達(dá)的交互任務(wù)的話,那么也不要只是淪為畫線框圖的工具,要發(fā)揮主觀能動(dòng)性積極溝通,最終讓方案變得更好。

從1.2億次的點(diǎn)擊中,蘋果學(xué)到了這個(gè)提高用戶體驗(yàn)的方法

周周

編者按:從iOS 9改版到iOS 10之后,鎖屏頁(yè)面的音樂控件變大了,用戶體驗(yàn)明顯提高。那么最佳的按鈕觸摸大小應(yīng)該是多少?經(jīng)過(guò)1.2億次的實(shí)驗(yàn)后,這個(gè)結(jié)果被微軟/蘋果等公司采用,強(qiáng)烈推薦學(xué)習(xí)。

@平行煎餅 :你可能說(shuō)不出來(lái),但你肯定知道這種感覺——當(dāng)你觸摸手機(jī)應(yīng)用界面而它不能正常工作時(shí)候,當(dāng)你感覺你只有精細(xì)的點(diǎn)擊,才能出發(fā)正確的命令時(shí),那種混合起來(lái)的沮喪和失敗感。

但是,如果你可以自己創(chuàng)建用戶界面,你知道如何合理避免這種情況嗎?如果你知道可以通過(guò)創(chuàng)建可靠的觸摸元素,來(lái)幫助您的客戶減少錯(cuò)誤,使用效率更快,使用感覺更開心嗎?

這是可能的。我們來(lái)探討一下為什么。

PM要多加底部導(dǎo)航時(shí),設(shè)計(jì)師如何說(shuō)服他打消念頭?

濤濤

記得之前寫過(guò)關(guān)于標(biāo)簽導(dǎo)航如何設(shè)計(jì)的一篇文章,大體上的介紹了幾種類型,這周正好遇到一個(gè)關(guān)于標(biāo)簽導(dǎo)航的問題:產(chǎn)品經(jīng)理要求在底部的導(dǎo)航中由原來(lái)的五個(gè)主功能增加至六個(gè),交互設(shè)計(jì)師如何說(shuō)服產(chǎn)品打消這個(gè)念頭?本周就這個(gè)問題我詳細(xì)說(shuō)下當(dāng)中的幾個(gè)要點(diǎn)以及延伸出來(lái)的幾個(gè)問題。

這些至關(guān)重要的細(xì)節(jié),同你的產(chǎn)品體驗(yàn)息息相關(guān)

周周

成功的產(chǎn)品通常是構(gòu)建在一系列優(yōu)秀的設(shè)計(jì)之上的,它除了擁有優(yōu)秀的框架、系統(tǒng)的邏輯和恰如其分的運(yùn)營(yíng)之外,它還需要符合用戶體驗(yàn)規(guī)則的細(xì)節(jié),和幾經(jīng)驗(yàn)證的最佳實(shí)踐來(lái)作為支撐。

今天的文章,我們來(lái)聊聊細(xì)節(jié),從視覺反饋、文案和留白三個(gè)角度,聊聊這些同樣能夠影響整體體驗(yàn)還很容易被忽略的元素。

視覺反饋

在許多設(shè)計(jì)方案中,視覺反饋是很容易被忽略的組成部分,然而它是整個(gè)UX設(shè)計(jì)中,對(duì)體驗(yàn)影響非常大的元素。沒有正確的反饋,就沒有正確的互動(dòng)。想象一下,當(dāng)你和人溝通的時(shí)候,對(duì)方根本不會(huì)給你任何語(yǔ)言、表情和動(dòng)作的反饋,這是何等的尷尬。UI界面同樣是如此。

用戶會(huì)對(duì)缺少視覺反饋的UI界面感到迷惑。

你需要給用戶一個(gè)反饋信號(hào),讓他們知道他們的操作是成功了還失敗,接下來(lái)要向上翻頁(yè)還是向下滾動(dòng),等等等等。

視覺反饋的主要目的在于:

·確認(rèn)APP或者網(wǎng)頁(yè)已經(jīng)接收到了用戶的操作或者提交的信息
·傳達(dá)交互的結(jié)果,結(jié)果可見也可理解。給用戶一個(gè)信息反饋,告訴他們?nèi)蝿?wù)執(zhí)行成功或者失敗

讓按鈕和控件易于被感知

在現(xiàn)實(shí)生活中,按鈕和各種開關(guān)都被設(shè)計(jì)成易于互動(dòng)、易于感知的樣子,這樣的設(shè)計(jì)讓人們更容易控制,也能讓事情向著預(yù)期的方向發(fā)展。而當(dāng)用戶面對(duì)UI界面的時(shí)候,他們也有同樣的需求,他們希望按鈕和控件能夠像這些日常的設(shè)計(jì)一樣,易于被感知,操控。

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

周周

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

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

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

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

運(yùn)用: 實(shí)際項(xiàng)目中如何選用合適的進(jìn)度條呢?

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

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

周周

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

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

1、圖片

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

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

日歷

鏈接

個(gè)人資料

藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.nantongguohuai.com.cn

存檔