首頁

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

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

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

從事用研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è)已不再簡單的提以用戶體驗(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),測試,考試等等方式考核我的學(xué)習(xí)結(jié)果,保證學(xué)習(xí)進(jìn)度。

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

那我該學(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à)值,越靠近底層(方法、趨勢、工具、)越多越不穩(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é))

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

實(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ì)m.sillybuy.com )是一家專注而深入的界面設(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ù)


如何獲取設(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)中真正的含義。

想要提升轉(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ì)于男性和女性的影響有著怎樣不同的差異。

會(huì)員中心如何設(shè)計(jì),用戶才會(huì)買單?

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

最近在做產(chǎn)品的會(huì)員中心改版設(shè)計(jì),有一些關(guān)于會(huì)員體系相關(guān)設(shè)計(jì)的思考及分析,紀(jì)錄并分享一下。

大多數(shù)產(chǎn)品在滿足用戶的基礎(chǔ)需求上,會(huì)推出付費(fèi)會(huì)員功能,以滿足用戶更高需求的同時(shí),達(dá)到商業(yè)層面的收支平衡。那么,會(huì)員中心應(yīng)該怎么做,才能讓用戶感受到自己花的錢很值呢?

分享一個(gè)經(jīng)典案例:《騰訊ISUX丨通過優(yōu)化,我們將QQ會(huì)員付費(fèi)用戶數(shù)提高了5倍!》

設(shè)計(jì)前,先明確會(huì)員中心的設(shè)計(jì)目的是什么?

1. 會(huì)員尊享感(讓用戶感知到付費(fèi)值得,花了錢就是爺,滿足一部分用戶的虛榮心)

2. 功能特權(quán)對(duì)比(通過特權(quán)的對(duì)比,讓用戶選擇更高的等級(jí)會(huì)員)

3. 突顯核心特權(quán)功能(突出核心功能,抓住用戶訴求點(diǎn),提升用戶購買決策)

規(guī)范、方法、一致性,真有那么重要嗎?

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

不可否認(rèn),被我們經(jīng)常掛在嘴邊的設(shè)計(jì)規(guī)范、方法及一致性對(duì)我們?nèi)粘9ぷ骱苤匾?。它可以提升操作一致性、提高工作效率、延續(xù)品牌定位等等…

但是,不知道你們有沒有發(fā)現(xiàn),之所以有了這些方法和規(guī)范,導(dǎo)致很多設(shè)計(jì)師習(xí)慣性處于舒適區(qū),從而放棄獨(dú)立思考。每天做著重復(fù)性的工作,復(fù)用著前輩制定下來的模版,套用著別人的方法論,抱怨著工作沒有挑戰(zhàn)。

我最近也在思考,一個(gè)遵從設(shè)計(jì)規(guī)范,按照所謂的系統(tǒng)設(shè)計(jì)方法,步步推導(dǎo)而來的解決方案,是否真的就是一個(gè)好的設(shè)計(jì)?

規(guī)范,方法,一致性,重要的一面。

新手科普文!每個(gè)設(shè)計(jì)師都該懂的柵格系統(tǒng)基礎(chǔ)六要素

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

以前有很長一段時(shí)間,我一直搞不明白到底什么是柵格,聽過很多解釋之后還是云里霧里的,后來發(fā)現(xiàn)有很多小伙伴也都有這樣的疑問,所以決定分享一下自己對(duì)柵格系統(tǒng)的理解。

首先我們必須要對(duì)柵格系統(tǒng)有一個(gè)基本的認(rèn)知,我將這四個(gè)字拆分開成“柵格”和“系統(tǒng)”兩個(gè)詞來分別解釋。

關(guān)于柵格

柵格是由網(wǎng)格演變而來的另一種說法,都是一個(gè)意思——格子,所以不要覺得柵格有多高深復(fù)雜,如果把他描述成格子,你還覺得它有多難理解嗎?

其實(shí)我們都是柵格專家,因?yàn)樵谖覀儙讱q的時(shí)候,就已經(jīng)接觸了很多柵格,比如方格本:


有理有據(jù)!為什么我極力推薦UI 設(shè)計(jì)師學(xué)習(xí)手繪?

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

兩年前,寫過一篇UI入門的文章,學(xué)習(xí)的第二步著重強(qiáng)調(diào)了,成為一名設(shè)計(jì)師,應(yīng)該具備一些基本的手繪功底。雖然我知道對(duì)于很多圈子而言,設(shè)計(jì)師該不該學(xué)習(xí)繪畫是具有爭議性的,但我還是要力推新手入門必須重視這門技巧。

UI 自學(xué)入門:《超實(shí)用新手指南!零基礎(chǔ)如何自學(xué)UI設(shè)計(jì)?》

學(xué)習(xí)繪畫,首先必須明白為什么要學(xué),以及學(xué)了以后有什么用,否則很容易淪為形式上的過場,在漫長的學(xué)習(xí)生涯中欺騙自己做過努力的又一借口。

一. 手繪的作用

1. 鍛煉我們理解物體的形體、輪廓、明暗的思維

實(shí)踐提煉:復(fù)雜To B產(chǎn)品的設(shè)計(jì)思路

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

ERP系統(tǒng)是典型的To B產(chǎn)品,擁有體量大、功能雜、專業(yè)強(qiáng)等特點(diǎn)。前段時(shí)間接觸了如此龐大系統(tǒng)中三個(gè)子系統(tǒng)的改版工作,從手足無措到冷靜思考,在無數(shù)磕磕絆絆中總結(jié)了一些面對(duì)大型B端項(xiàng)目時(shí)可用的設(shè)計(jì)思路。

因?yàn)轫?xiàng)目復(fù)雜,此篇是整體設(shè)計(jì)思路的提煉及方法論的提出,具體的案例及方法論闡述后續(xù)會(huì)有更多文章來和大家共同探討。

日歷

鏈接

個(gè)人資料

存檔