首頁(yè)

幫你搞定長(zhǎng)滾動(dòng)網(wǎng)頁(yè)的設(shè)計(jì)最佳實(shí)踐

資深UI設(shè)計(jì)者

長(zhǎng)滾動(dòng)頁(yè)面和無(wú)限滾動(dòng)式的網(wǎng)頁(yè)已經(jīng)徹底流行開(kāi)來(lái)了,甚至可以說(shuō)它已經(jīng)脫離趨勢(shì),成為了一種常規(guī)的設(shè)計(jì),它們的流行并不是巧合。當(dāng)用戶向下滾動(dòng)的時(shí)候頁(yè)面的時(shí)候,所需要的內(nèi)容與信息會(huì)自然的呈現(xiàn)出來(lái),在此過(guò)程中通常不會(huì)涉及到額外的、多余的交互。

長(zhǎng)滾動(dòng)式的頁(yè)面有著如下的優(yōu)勢(shì):

·更為精簡(jiǎn)的導(dǎo)航
·更容易呈現(xiàn)故事,擁有吸引用戶的潛質(zhì)
·與移動(dòng)端設(shè)備的良好兼容性

用戶體驗(yàn)丨那些年蘋果IOS 系統(tǒng)做錯(cuò)的12個(gè)設(shè)計(jì)

周周

iOS從07年第一代iPhone發(fā)布時(shí)的iPhone OS,已發(fā)展到今天的iOS10,這些年來(lái),iOS從最初的一個(gè)簡(jiǎn)單、粗糙的ROM,發(fā)展成現(xiàn)在手機(jī)ROM中體驗(yàn)標(biāo)桿的操作系統(tǒng)。設(shè)計(jì)風(fēng)格走過(guò)了擬物化,扁平化,今年已發(fā)布的iOS10,設(shè)計(jì)風(fēng)格也開(kāi)始偏向卡片式風(fēng)格,隨著新的交互方式3D Touch的加入,開(kāi)始脫離單調(diào)的扁平化設(shè)計(jì),卡片式風(fēng)格讓設(shè)計(jì)語(yǔ)言更加符合用戶的操作認(rèn)知(卡片式的內(nèi)容,對(duì)人有更強(qiáng)的按壓操作暗示)。

白色的產(chǎn)品設(shè)計(jì)?你準(zhǔn)備好掉坑里了嗎少年?

用心設(shè)計(jì)

白色其實(shí)是一種相對(duì)的顏色。如果周圍都是黑乎乎的東西,灰色的東西你也會(huì)認(rèn)為是白色的。

白色的產(chǎn)品設(shè)計(jì)?你準(zhǔn)備好掉坑里了嗎少年?

揭秘完整過(guò)程!人氣過(guò)億的QQ主題是如何設(shè)計(jì)出來(lái)的?

資深UI設(shè)計(jì)者

Xhong:主題一直是QQ iPad比較薄弱的一塊,在用戶的強(qiáng)烈呼聲下,項(xiàng)目組決定在6.5版本上線新的主題,為此做了大量的嘗試和思考?;诖笃猎O(shè)計(jì)的QQ iPad主題有何特點(diǎn)?應(yīng)該如何設(shè)計(jì)?在此分享本次主題設(shè)計(jì)總結(jié)。

30張PPT解讀“AI+”時(shí)代,人工智能影響力微報(bào)告發(fā)布

藍(lán)藍(lán)設(shè)計(jì)的小編

016年最熱門的科技名詞是什么?人工智能當(dāng)之無(wú)愧,這個(gè)已經(jīng)存在了60年度的技術(shù)領(lǐng)域因?yàn)楣雀璧腁lphaGo人機(jī)大戰(zhàn)而聲名鵲起,從過(guò)去的高高在上到今天的人人皆知,人工智能已經(jīng)無(wú)處不在。今年年初的Apple的Siri,亞馬遜的Echo和Alexa,阿里巴巴的ET和阿里小蜜,螞蟻金服的刷臉支付,Google的無(wú)人車等都有人工智能技術(shù)的身影。投資界和產(chǎn)業(yè)界對(duì)AI的關(guān)注度更是前所未有的高漲,令人聯(lián)想起2000年左右互聯(lián)網(wǎng)熱潮興起的時(shí)代。2016年是AI+元年,從互聯(lián)網(wǎng)+、大數(shù)據(jù)+到今天的AI+,會(huì)成為各行業(yè)數(shù)字化轉(zhuǎn)型的重要方向,融合趨勢(shì)勢(shì)不可擋。


根據(jù)Gartner 2016年7月的新興技術(shù)成熟度曲線可以看出,感知智能機(jī)器時(shí)代正在來(lái)臨,33項(xiàng)技術(shù)之中,與人工智能相關(guān)的技術(shù)占到一半的比例,其中最值得關(guān)注的是機(jī)器學(xué)習(xí)技術(shù)已經(jīng)到達(dá)炒作頂峰,預(yù)示著未來(lái)2-5年內(nèi)會(huì)得到廣泛應(yīng)用。


阿里研究院報(bào)告《AI+:2016人工智能影響力微報(bào)告——AI對(duì)8大領(lǐng)域及法律規(guī)則的影響分析》總結(jié)出AI+時(shí)代的6個(gè)觀點(diǎn):


? 人工智能已經(jīng)無(wú)處不在,但目前還是處在弱人工智能階段,只能解決特定的具體任務(wù)類問(wèn)題;


? 人工智能發(fā)展第三次熱潮主要源于三個(gè)重要因素:計(jì)算能力、深度學(xué)習(xí)算法和大數(shù)據(jù)的發(fā)展;


? 人工智能未來(lái)最可能替代掉的是重復(fù)性高、規(guī)則相對(duì)標(biāo)準(zhǔn)化的工作機(jī)會(huì),比如客戶服務(wù)人員、電話銷售人員、速記員、駕駛員等;


? 從互聯(lián)網(wǎng)+、大數(shù)據(jù)+,到AI+,會(huì)成為各行各業(yè)數(shù)字化轉(zhuǎn)型重要方向。AI會(huì)驅(qū)動(dòng)人機(jī)交互的變革、讓機(jī)器看懂物和人,會(huì)深度影響零售、金融、交通、制造等行業(yè);

趨勢(shì)丨全方位科普網(wǎng)頁(yè)設(shè)計(jì)中的個(gè)性插畫風(fēng)格

周周

@飛屋睿UIdesign :插畫具有輔助文字?jǐn)⑹碌墓δ埽跁?shū)籍、雜志等平面中已然并不罕見(jiàn),然而由于過(guò)去WEB技術(shù)發(fā)展的原因,網(wǎng)頁(yè)設(shè)計(jì)中運(yùn)用插畫的情況卻不多見(jiàn),隨著技術(shù)提升,插畫越來(lái)越被網(wǎng)頁(yè)設(shè)計(jì)師重視。今天這篇好文總結(jié)了網(wǎng)頁(yè)設(shè)計(jì)中常見(jiàn)的4種個(gè)性插畫風(fēng)格,漲姿勢(shì)來(lái)。

兄弟篇:《趨勢(shì)丨全方位科普平面設(shè)計(jì)中的時(shí)尚復(fù)古風(fēng)格》

由于優(yōu)秀的攝影作品可遇不可求,而且并不一定會(huì)遇上合適自己使用的樣式。專門請(qǐng)了攝影師來(lái)拍照如果不集齊適合的模特、布景、道具、燈光……也許結(jié)果都未必理想。因此,可以看到,依靠攝影作品作為設(shè)計(jì)素材是非常受限的,成本相對(duì)也高。所以,一個(gè)逆向的做法就是依靠插畫。我們也許都知道,繪畫并不是再現(xiàn)事物原來(lái)的樣子,而是重新將你眼中的事物表達(dá)出來(lái)。也許,你表達(dá)的笨拙、可愛(ài)、輕松、沉重、怪誕……這些個(gè)性化十足的表達(dá)就成就了插畫一眼即可辨識(shí)的獨(dú)特風(fēng)格。插畫對(duì)網(wǎng)頁(yè)設(shè)計(jì)個(gè)性的塑造可謂是功不可沒(méi)的。況且,插畫的成本也比攝影來(lái)得更低,效率也許更高,而又比攝影作品更靈活。假如你想要表達(dá)出一個(gè)虛擬的場(chǎng)景,攝影作品都需要后期合成,而插畫卻能立即將幻想變?yōu)楣P下的實(shí)在。因此,這也是我大力提倡插畫配圖的原因。

網(wǎng)頁(yè)的插畫其實(shí)無(wú)須一定要細(xì)節(jié)畢現(xiàn),往往它傳遞的是一種價(jià)值、理念主張,而非具備敘事的規(guī)模。

淺析Personas在B2B設(shè)計(jì)中的創(chuàng)建和使用

用心設(shè)計(jì)

作為設(shè)計(jì)師,在產(chǎn)品設(shè)計(jì)之初通常都會(huì)做用戶調(diào)研并構(gòu)建Personas,幫助我們更好的貼近和理解目標(biāo)用戶。B類產(chǎn)品中的Personas和C類產(chǎn)品有何不同?Personas在B類產(chǎn)品設(shè)計(jì)中有哪些價(jià)值?如何正確從數(shù)據(jù)中提煉和使用Personas?文章分三個(gè)部分來(lái)探討這些問(wèn)題。


? 背景概念:B2B用戶畫像特色(Buyer Personas vs. User Personas)

? 相關(guān)原理:是用戶肖像還是用戶畫像(User Profiles vs. User Personas)

? 方法價(jià)值:數(shù)據(jù)+畫像+直覺(jué)=好的產(chǎn)品設(shè)計(jì)(Data vs. Personas vs. Instinct)


淺析Personas在B2B設(shè)計(jì)中的創(chuàng)建和使用

手把手教你培養(yǎng)專業(yè)的設(shè)計(jì)思維

資深UI設(shè)計(jì)者

初級(jí)設(shè)計(jì)師脫離出臨摹階段后,最重要的就是培養(yǎng)設(shè)計(jì)思維了。不過(guò)什么是設(shè)計(jì)思維?培養(yǎng)出設(shè)計(jì)思維有哪些優(yōu)勢(shì)?設(shè)計(jì)思維的過(guò)程是怎樣的?今天這篇譯文為你揭秘!

《吉田醫(yī)生哈佛求學(xué)記》讀后感

藍(lán)藍(lán)設(shè)計(jì)的小編

藍(lán)藍(lán)寫
前幾天看到微信上有一個(gè)日本女醫(yī)生生了五個(gè)孩子,還考上了哈佛大學(xué)的文章,對(duì)這個(gè)女生特別感興趣,搜索吉田穗波這個(gè)名字想更多的了解。發(fā)現(xiàn)她寫了兩本書(shū),一本是哈佛的求學(xué)記,一本是關(guān)于時(shí)間管理的書(shū)。時(shí)間管理的書(shū)居然是豎版的,我一向不喜歡豎著看書(shū),另外覺(jué)得時(shí)間管理的理論好像關(guān)鍵還在于自己的應(yīng)用,所以就買了另外一本哈佛求學(xué)記,這本很吸引我呢,一直以來(lái)我都希望再讀書(shū)深造, 如果能去哈佛真的是太棒啦!迫不及待的看完前面的引言,來(lái)不及等待下單送貨,就直接買了亞馬遜的kindle電子書(shū),這兩天一口氣看完。真的覺(jué)得心情都被激發(fā)的激昂、開(kāi)心,還有知道每個(gè)人做事情都是不容易的,尤其是做一些對(duì)自己很有挑戰(zhàn)的事,當(dāng)有非常想做的時(shí)候就要去做,不管這件事情有沒(méi)有把握,也不要太想怎么去實(shí)現(xiàn)?就把注意力凝聚成"如何才能達(dá)到目標(biāo)",然后克服一個(gè)個(gè)的困難,積極的去想辦法,去承受其中的痛苦。最后會(huì)發(fā)現(xiàn):哇居然做成了,然后自己狠狠為自己感到自豪呢,就像文中的吉田醫(yī)生想藉由這樣的一種經(jīng)歷,給女性的媽媽們一個(gè)參照,希望讀者讀后會(huì)覺(jué)得:也許我也可以試一試這樣呢。

點(diǎn)擊查看原圖

日歷

鏈接

個(gè)人資料

存檔