首頁

2017年流行的這些字體排版趨勢(shì),你都知道嘛?

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

技術(shù)和設(shè)計(jì)趨勢(shì)一樣,隨著時(shí)間的推移總在不停地變化。對(duì)于網(wǎng)頁設(shè)計(jì)師和前端而言,字體和排版所涉及到的技術(shù)和設(shè)計(jì)尤其是如此。不過縱觀這幾年,網(wǎng)頁字體和排版在大方向上并沒有明顯變化,結(jié)合當(dāng)前主流產(chǎn)品和設(shè)計(jì),并不難確定2017年內(nèi),我們需要關(guān)注的這些字體和排版趨勢(shì)。

從事用研6年后,我總結(jié)了這四個(gè)最重要的技能

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

很多畢業(yè)生對(duì)在互聯(lián)網(wǎng)企業(yè)做用研(一種崗位:用戶研究員;一種工作內(nèi)容:研究用戶)非常感興趣,但是又不知道從何開始,到底怎樣做好一個(gè)用研,怎樣具備做用研的能力?在互聯(lián)網(wǎng)從事用研工作近 6 年,談?wù)勎覍?duì)用研技能的看法,以及建議應(yīng)該準(zhǔn)備什么樣的能力會(huì)更加受到互聯(lián)網(wǎng)企業(yè)的青睞。

一. 思路的準(zhǔn)備:

1. 以體驗(yàn)為中心:雖然現(xiàn)在的互聯(lián)網(wǎng)企業(yè)已不再簡(jiǎn)單的提以用戶體驗(yàn)為中心的口號(hào),轉(zhuǎn)而更多的實(shí)踐,但這點(diǎn)的中心思想不會(huì)發(fā)生改變。真正的思路的準(zhǔn)備是時(shí)時(shí)刻刻想著對(duì)用戶的價(jià)值,這里的用戶包括外部消費(fèi)者、商家,你直接面對(duì)的客戶,也包括內(nèi)部的合作方,也就是阿里巴巴踐行的「客戶第一」。

2. 從學(xué)習(xí)到貢獻(xiàn)的思路準(zhǔn)備。


離開學(xué)校后,設(shè)計(jì)師該如何進(jìn)行有用的自學(xué)?

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


如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里


編者按:很多設(shè)計(jì)師畢業(yè)后就不知道該學(xué)什么,沒有老師帶就不知道怎么學(xué)。今天這篇文章以交互設(shè)計(jì)為案例,教你一個(gè)的自學(xué)方法。

通過這篇文章你能得到什么?

1.  學(xué)什么?(工作、興趣)

2.  怎么學(xué)?(兩種方法)

3.  怎么監(jiān)督學(xué)習(xí)成果?

背景介紹

好幾個(gè)小伙伴詢問關(guān)于找工作時(shí)選擇崗位的問題??偨Y(jié)大意:有兩個(gè)崗位我都想去,但是我都不怎么會(huì),我該投哪一個(gè)?這看起來是一個(gè)工作選擇的問題,但是由此我意識(shí)到出現(xiàn)此疑問正是因?yàn)槿狈Τ掷m(xù)學(xué)習(xí)的意識(shí)。遂翻出了以前的筆記,結(jié)合自己學(xué)習(xí)的過程,整理出學(xué)習(xí)方法淺析。

高中時(shí)候常聽的是“考上大學(xué)你們就輕松啦!”

大學(xué)時(shí)候常聽的是“畢業(yè)證拿到你們就輕松啦!

讀了研常聽的是“研究生學(xué)完還會(huì)怕找不到工作嗎?”

然而工作了后,作為一個(gè)社會(huì)人我發(fā)現(xiàn)聽說的這一切都是騙人的!我不僅要繼續(xù)學(xué)習(xí),而且要學(xué)的還很多,甚至都不知道該從哪里入手。

這大概是因?yàn)槲伊?xí)慣了校園里老師幫忙畫重點(diǎn),考試開卷的學(xué)習(xí)方法。我不需要考慮什么該學(xué),什么該多學(xué)。因?yàn)榻虒W(xué)大綱已經(jīng)規(guī)劃好,老師已經(jīng)畫重點(diǎn)了,讓我學(xué)啥我學(xué)啥,讓我咋學(xué)我咋學(xué)。

即便我不想學(xué),還有課堂匯報(bào),測(cè)試,考試等等方式考核我的學(xué)習(xí)結(jié)果,保證學(xué)習(xí)進(jìn)度。

我不再是那個(gè)只要努力就能拿到好成績(jī)的孩子了。

那我該學(xué)什么?怎么學(xué)?怎么保證學(xué)習(xí)結(jié)果?

學(xué)什么

1.  從工作入手,什么不會(huì)學(xué)什么

2.  從興趣入手,對(duì)什么感興趣學(xué)什么

研究生階段做過一本課堂筆記,畢業(yè)后我反復(fù)閱讀結(jié)合這一年的實(shí)踐經(jīng)驗(yàn)我意識(shí)到知識(shí)分類有規(guī)律且大致分為兩種結(jié)構(gòu)。

吊燈狀結(jié)構(gòu)

△  設(shè)計(jì)在知識(shí)結(jié)構(gòu)中的位置

以交互設(shè)計(jì)舉例

△  互聯(lián)網(wǎng)交互設(shè)計(jì)的知識(shí)結(jié)構(gòu)

這種結(jié)構(gòu)的知識(shí)越靠近頂層(模式、概念、理論、思維)越少越穩(wěn)定越有價(jià)值,越靠近底層(方法、趨勢(shì)、工具、)越多越不穩(wěn)定而且更新很快。

很多同學(xué)迷戀的工具和方法,其實(shí)的卻越容易成為過去的不如花多一點(diǎn)時(shí)間在頂層知識(shí)的學(xué)習(xí)上。

網(wǎng)狀結(jié)構(gòu)

△  交互設(shè)計(jì)的相關(guān)知識(shí)網(wǎng)

網(wǎng)越密集知識(shí)盲區(qū)越少。

例如:之前在思考怎么學(xué)習(xí)服務(wù)設(shè)計(jì)的時(shí)候,腦子里突然有個(gè)概念,把自己現(xiàn)有的知識(shí)對(duì)照服務(wù)設(shè)計(jì)的知識(shí)網(wǎng)。有盲區(qū)只需要補(bǔ)漏。然后反復(fù)的看全局知識(shí)網(wǎng)絡(luò)就夠了。

遇到新的知識(shí)點(diǎn),先對(duì)標(biāo)吊燈結(jié)構(gòu)看到一級(jí)類目的領(lǐng)域,再對(duì)標(biāo)自己知識(shí)的網(wǎng)狀結(jié)構(gòu),查漏補(bǔ)缺。

興趣入手學(xué)習(xí)其實(shí)很輕松,利用業(yè)余時(shí)間放松的時(shí)候給自己找點(diǎn)事情做而已。

比如我剛?cè)肼殨r(shí)候的興趣在做早餐。

后來變成彈尤克里里,到現(xiàn)在偶爾還是會(huì)彈琴。

最近喜歡做皮具。

這些都是利用業(yè)余時(shí)間為自己培養(yǎng)的愛好。

怎么學(xué)

1.  倒逼產(chǎn)出(教就是學(xué))

2.  實(shí)踐

倒逼產(chǎn)出(教就是學(xué))

人很懶,我每天都在和懶惰的自己作斗爭(zhēng),所以我起得很早,今日事今日畢,逼著自己思考、看書、學(xué)習(xí)、參加分享會(huì)、workshop。我要依靠每天的任務(wù)規(guī)劃,時(shí)間規(guī)劃來逼著自己學(xué)習(xí)產(chǎn)出。公眾號(hào)就是個(gè)很好的例子。長(zhǎng)此下去,逐見收獲。久而久之也成為了一種生活方式。

實(shí)踐

so easy 對(duì)嘛?都學(xué)會(huì)了我們就大方的踐行吧。

在工作中學(xué)到了可以解決問題的知識(shí),那就將實(shí)踐的結(jié)果反饋在工作中。這是一個(gè)良性循環(huán),用中學(xué),學(xué)了用。越走遠(yuǎn)快越走越遠(yuǎn)。

寫博客做分享組織workshop,都是在實(shí)踐。老師說過,知識(shí)要產(chǎn)生價(jià)值才叫知識(shí)分子,否則就只是知道分子。不要怕寫作的質(zhì)量不好,寫東西是為了沉淀自己。

怎么監(jiān)督學(xué)習(xí)成果

1.  學(xué)習(xí)小組(抱團(tuán)監(jiān)督)

2.  制定目標(biāo)(自我監(jiān)督)

拿結(jié)果是目標(biāo),實(shí)現(xiàn)方法是路徑,兩種監(jiān)督方式均可。

豆瓣有xx天學(xué)習(xí)小組,公眾號(hào)也有xx天改變自己等等的組織。抱團(tuán)動(dòng)力也許會(huì)足一些。

給自己制定一個(gè)目標(biāo),通過強(qiáng)大的自驅(qū)力去完成,然后給自己一個(gè)獎(jiǎng)勵(lì)。比如給自己一個(gè)iPhone7什么的。

我定過一個(gè)目標(biāo)。當(dāng)時(shí)在支持一個(gè)項(xiàng)目,我對(duì)自己說,好好做項(xiàng)目發(fā)揮最大的價(jià)值,項(xiàng)目完成給自己買個(gè)安卓手機(jī)做為獎(jiǎng)勵(lì),結(jié)果項(xiàng)目中間黃了,我的手機(jī)也黃了。

總結(jié)

1.  學(xué)什么?(工作、興趣)

  • 從工作入手,什么不會(huì)學(xué)什么
  • 從興趣入手,對(duì)什么感興趣學(xué)什么

2.  怎么學(xué)?(兩種方法)

  • 倒逼產(chǎn)出(教就是學(xué))
  • 實(shí)踐

3.  怎么監(jiān)督學(xué)習(xí)成果?

  • 學(xué)習(xí)小組(抱團(tuán)監(jiān)督)
  • 制定目標(biāo)(自我監(jiān)督)



藍(lán)藍(lán)設(shè)計(jì)bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)


為什么客戶都認(rèn)為自己比設(shè)計(jì)師更會(huì)設(shè)計(jì)?

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

為什么客戶都認(rèn)為自己比設(shè)計(jì)師更會(huì)設(shè)計(jì)?很多時(shí)候,設(shè)計(jì)師費(fèi)盡心思做出來的設(shè)計(jì)被客戶一票否決,“你這稿不行,看過XXX嗎?我比較喜歡那種風(fēng)格?!?“這不是我想要的那種感覺,要不再活潑一些吧?!?“你完全沒明白我的意思,之前不是溝通好了嗎?”…


客戶也是極度困惑,“是啊,為什么設(shè)計(jì)師設(shè)計(jì)出來的作品都達(dá)不到我想要的水平?” “花了這么長(zhǎng)時(shí)間設(shè)計(jì)就給我這么個(gè)東西?” “他到底有沒有理解我的需求?我設(shè)計(jì)得都比他好。”…

為什么客戶都認(rèn)為自己比設(shè)計(jì)師更會(huì)設(shè)計(jì)?


如何獲取設(shè)計(jì)靈感?你沒理解它真正的含義!

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

前陣子有不少人反饋:呆總,我平時(shí)看了不少圖,但是做項(xiàng)目的時(shí)候沒辦法用上,怎么辦呀?

這類問題我一般只會(huì)用一句話回答:看得多沒用的,要多想多做。(雖然是至理名言)

但是我覺得這樣回答太敷衍了,所以寫了這篇文章來告訴大家如何在工作中復(fù)用自己找到的好圖,以及平時(shí)要怎么去做,即所謂的“如何在工作中找到設(shè)計(jì)靈感”。

相信很多人在日常的工作中都會(huì)為尋找設(shè)計(jì)靈感而犯愁,想通過查看更多更好案例總結(jié)出最好的方案將公司的項(xiàng)目做得出彩,然而?無從下手。

我自己也是,平常會(huì)去刷 Pinterest、花瓣、Dribbble、Behance 等平臺(tái),將好的創(chuàng)意和設(shè)計(jì)方案保存下來以備日后用。但是,很少人能真正理解這些保存的圖片或素材,大部分人僅僅是覺得好看,然后就存了,而沒有去分析當(dāng)中真正的含義。

單手操作不方便?來看這兩個(gè)新穎的交互方式是怎么做的!

周周

編者按:當(dāng)手機(jī)屏幕越來越大時(shí),該如何保持單手操作的便攜性?今天這篇文章提到了兩個(gè)新的交互方式,值得一看,說不定有啟發(fā)喲。

大屏手機(jī)有很多優(yōu)勢(shì),大屏手機(jī)的趨勢(shì)未來還會(huì)持續(xù)下去。但大屏也不是什么都好,更大的顯示屏幕并沒有承載更多的內(nèi)容。實(shí)際尺寸和功能多少對(duì)于高、低分辨率顯示是相同的。Steven Hoober 2013年的手機(jī)設(shè)備研究報(bào)告發(fā)現(xiàn):49%的用戶通過單手持機(jī)操作,36%的用戶一手拿著手機(jī)一手操作,另有15%的用戶雙手持機(jī)操作。

2017年,并未有太多改變,單手拇指觸控操作正在成為常態(tài)。首先,這樣的操作比較方便;其次,同時(shí)使用雙手并不總是太方便。但這里就有一個(gè)障礙:?jiǎn)问殖治帐褂孟拗屏四隳粗改軌蛴|控的區(qū)域范圍。

自喻原則在網(wǎng)頁設(shè)計(jì)當(dāng)中的運(yùn)用

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

要知道在這個(gè)快節(jié)奏的生活中,用戶可以因?yàn)榫W(wǎng)站打開速度慢而關(guān)閉網(wǎng)站,也可以因?yàn)樵谧?cè)過程中因?yàn)樽?cè)流程冗長(zhǎng)而放棄此次購買,所以網(wǎng)站的界面需要做得清晰明了,讓用戶輕而易舉的知道哪一個(gè)版塊是什么功能,因此,網(wǎng)頁設(shè)計(jì)當(dāng)中的自喻原則就相當(dāng)重要。

自喻原則在網(wǎng)頁設(shè)計(jì)當(dāng)中的運(yùn)用

進(jìn)階好文!如何把那么多經(jīng)典的設(shè)計(jì)模型用起來?

周周

DDC- 李佳:我們接受到的設(shè)計(jì)教育、看過的書籍或是關(guān)注過的公眾號(hào)里流傳著各式各樣的關(guān)于設(shè)計(jì)流程的經(jīng)典模型,比如Design Thinking Process,比如用戶體驗(yàn)五要素,比如馬斯洛需求層次理論,我們?cè)诟袊@這些設(shè)計(jì)理論知識(shí)體系的如此經(jīng)典和縝密的時(shí)候,有沒有想過它們到底對(duì)實(shí)際的設(shè)計(jì)有多少的指導(dǎo)意義?有些經(jīng)典的框架早在上個(gè)世紀(jì)就已經(jīng)提出來,對(duì)于今天的設(shè)計(jì)現(xiàn)狀是否仍然適用?我們有沒有屬于自己的關(guān)于設(shè)計(jì)流程的模型?

下面進(jìn)入譯文:

這不是一篇講純理論和條條框框的文章,我想要為設(shè)計(jì)師、創(chuàng)意思想家甚至是項(xiàng)目管理者提供一套規(guī)范化的框架,用以安排構(gòu)建、組織運(yùn)行或管理設(shè)計(jì)挑戰(zhàn)或項(xiàng)目,我希望它真的能夠指導(dǎo)你的設(shè)計(jì)實(shí)踐。這套框架我暫且叫它:雙鉆石模型改進(jìn)版,之所以叫“改進(jìn)版”是因?yàn)樗窃谠及娴碾p鉆石模型的基礎(chǔ)上修改而成。

3招搞定數(shù)字元素在Banner及專題頁設(shè)計(jì)中的運(yùn)用!~

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

做電商設(shè)計(jì)的人都知道,我們的文案里時(shí)常會(huì)出現(xiàn)類似“滿200減100”/“5折”/“30%OFF”/“39元起”“4月1號(hào)預(yù)售”之類的帶有數(shù)字利益點(diǎn)的文案,而數(shù)字比文字也顯得更加直觀更加吸引眼球,所以對(duì)于該如何合理利用這些數(shù)字做設(shè)計(jì)也是很值得研究的一個(gè)話題,接下來我就帶大家看看咯!~

 3招搞定數(shù)字元素在Banner及專題頁設(shè)計(jì)中的運(yùn)用!~

想要提升轉(zhuǎn)化率?那你要明白這些色彩心理學(xué)知識(shí)

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

色彩是設(shè)計(jì)師手里最重要的工具,它是決定了視覺效果,能夠影響用戶的心情和情緒,左右用戶感知和行為。色彩本身并不會(huì)產(chǎn)生愉悅感和品質(zhì)感,但是它能強(qiáng)化它們。

你有沒有想過,當(dāng)你在購物的時(shí)候,超過90%的購買決策都受到色彩的影響。有統(tǒng)計(jì)發(fā)現(xiàn),雜志上的全彩廣告要比黑白廣告多26%,這也能說明一部分問題。

結(jié)論并不難得出,色彩對(duì)于用戶的影響是顯著的,對(duì)于選擇、轉(zhuǎn)化率的影響是毋庸置疑的。不過,問題在于,你能否找到真正對(duì)的色彩來搭配你的設(shè)計(jì)?為了回答這個(gè)問題,我們需要分析和了解色彩是如何影響人的,以及它對(duì)于男性和女性的影響有著怎樣不同的差異。

日歷

鏈接

個(gè)人資料

存檔