首頁

有了這6個(gè)實(shí)用素材站,從此靈感不求人!

周周

左手素材,右手靈感,今天推薦的這6個(gè)網(wǎng)站都是@阿隨向前沖 多年壓箱底的好收藏,從PSD 到展示樣機(jī)、圖標(biāo)、字體、紋理等等都是最經(jīng)典的,趕緊來收藏。

1. 綜合素材庫:Graphberry

先分享幾家綜合素材庫,包括PSD 源文件模板、Mockup展示稿樣機(jī)、UIKITS、圖標(biāo)包、甚至博客模板等。這個(gè)站點(diǎn)最大的特點(diǎn)是:

免費(fèi),允許個(gè)人和商業(yè)使用!送給站長一個(gè)大寫的贊!

掌握這9個(gè)設(shè)計(jì)原則,快速提高用戶登錄的體驗(yàn)

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

處理用戶驗(yàn)證通常是事后諸葛亮,我們總指望它有用,但很少深入思考它。它應(yīng)該足夠簡單,但事實(shí)是,無論對于用戶還是運(yùn)營產(chǎn)品的公司,都像是在自找麻煩。登錄失敗、忘記密碼和冗長的交互。

登錄界面是你的應(yīng)用中最常展示的界面之一??陀^地說,75%的人都在登錄時(shí)重置過密碼,廢棄了之前的密碼。在企業(yè)內(nèi)網(wǎng)登錄中,忘記密碼是幫助臺每天處理的頭號問題。通過清晰的表述和設(shè)計(jì)良好的流程,能極大的減少這些問題的數(shù)量。

要提升用戶驗(yàn)證的體驗(yàn),降低服務(wù)成本,增加轉(zhuǎn)化率,有幾件事情要好好考慮。

網(wǎng)頁中用到的對比原則(二):字體對比

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

字體有很強(qiáng)的識別性和可讀性,因此字體在整個(gè)界面上的設(shè)計(jì)也相當(dāng)重要。字體設(shè)計(jì)得好,可以為整個(gè)網(wǎng)站錦上添花。網(wǎng)頁中的字體對比體現(xiàn)在:字體大小的對比、字體粗細(xì)的對比、字形的對比、字體顏色上的對比、字體動靜對比和字體的方向?qū)Ρ?/span>。

網(wǎng)頁中用到的對比原則(二):字體對比

聽高手分析!谷歌設(shè)計(jì)師談VR設(shè)計(jì)的現(xiàn)狀、挑戰(zhàn)與前景

周周

設(shè)計(jì)傳統(tǒng)的2D界面尚且需要你掌握大量專業(yè)知識并付出辛勤的汗水,要打造全新的體驗(yàn)獨(dú)特的3D世界又將意味著什么?Mike Alger和Andy Stone正是致力于研究這一問題的兩位走在前沿的VR設(shè)計(jì)師。

Mike Alger目前就職于Google,過去幾年里一直在VR領(lǐng)域進(jìn)行探索,他所制作的幾部VR設(shè)計(jì)理念講解視頻堪稱業(yè)界經(jīng)典。Andy Stone是Emerson Stone設(shè)計(jì)公司的合作伙伴,同時(shí)也是Medium上的VR話題作者之一。

實(shí)體與空間的迷宮

關(guān)于VR,首先需要定義清楚的就是“虛擬現(xiàn)實(shí)”這個(gè)概念本身。這個(gè)名字不錯(cuò),也存在了有一段時(shí)間了,但如今我們知道這個(gè)概念有著更廣泛和深刻的所指,沉浸式體驗(yàn)的意義更在于對我們所生活的這個(gè)現(xiàn)實(shí)世界進(jìn)行擴(kuò)展。

VR不僅代表著一種全新的人機(jī)交互范式,它更需要我們對物理及空間相關(guān)的知識有著深層的理解,包括音效設(shè)計(jì)、建筑設(shè)計(jì)、光影與物理效應(yīng)等等方面。對于社交類產(chǎn)品來說,這些要素很可能重塑個(gè)人空間、個(gè)人形象的展現(xiàn)形式,以及人與人之間的互動模式。

在為VR進(jìn)行設(shè)計(jì)之前,我們需要充分考慮清楚自己的設(shè)計(jì)傾向及其有可能對用戶造成的影響。這是一項(xiàng)長期工作,隨著我們對全新社交范式的理解的不斷深入,相關(guān)指導(dǎo)原則的制定及道德層面的討論也會持續(xù)進(jìn)行。

小科普!Android和iOS的設(shè)計(jì)到底有什么不同?

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

之前有粉絲留言說希望我們能寫一篇關(guān)于iOS和Android平臺特性對比的文章,筆者曾經(jīng)為兩個(gè)平臺分別做過差異化的設(shè)計(jì),所以今天想借此話題為大家介紹一下iOS和Android兩個(gè)系統(tǒng)在設(shè)計(jì)方面的差異之處,讓大家能更好的理解其中的異同并運(yùn)用在自己的設(shè)計(jì)當(dāng)中。

作為智能手機(jī)的最大的兩個(gè)陣營,iOS和Android系統(tǒng)差異一向都是大家津津樂道的話題,其中內(nèi)容通常是圍繞“機(jī)器性能好不好,打開軟件卡不卡”“攝像頭的像素高不高,拍出來的自己美不美”“外觀是不是有bigger”等話題展開的。

但在一個(gè)設(shè)計(jì)師眼里,這兩個(gè)系統(tǒng)的差異性之多可遠(yuǎn)遠(yuǎn)不止表面上看起來的那么簡單粗暴。但在移動端趨勢有如春草那樣蔓延開來的今天,大多數(shù)的公司都選擇把iOS的界面直接運(yùn)用于Android系統(tǒng)。我們自然可以理解這樣做是為了節(jié)省成本和更快的迭代,但抹殺了系統(tǒng)特性的運(yùn)用卻犧牲了許多Android用戶的用戶體驗(yàn)。盡管知乎也有類似回答過兩個(gè)系統(tǒng)交互的不同,今天筆者想更著重介紹一下兩者設(shè)計(jì)語言的異同。

農(nóng)村淘寶活動頁面設(shè)計(jì)與思考

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

2017萬物伊始,新一年的農(nóng)村淘寶即將再次啟程。現(xiàn)在我們對去年參與的多次農(nóng)村淘寶大型活動(文化節(jié)、民族舞、悅團(tuán)圓樂豐收、淘鄉(xiāng)甜雙十一)視覺方案設(shè)計(jì)進(jìn)行回顧。

面向未來的 CSS Variable

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

CSS Variable 即CSS變量,聊CSS變量之前,我想先來說說Sass和Less,還有Stylus,它們都是目前使用較為普遍的三款CSS預(yù)處理框架,我們?yōu)槭裁匆褂盟鼈兡?,因?yàn)樗鼈兌伎梢宰屇阍贑SS中方便的使用變量、簡單的程序邏輯、函數(shù)等在編程時(shí)使用的一些基本技巧,這些框架對于這種CSS預(yù)處理的技術(shù)已經(jīng)非常成熟,可以讓你的CSS代碼變的更加簡潔、便于維護(hù)、在編寫的時(shí)候也無需考慮代碼的兼容性。

科班高手的方法!16個(gè)簡單實(shí)用的排版小TIPS

周周

@乘與九設(shè)計(jì) :我們正處在一場注意力爭奪戰(zhàn)中。如何利用版式設(shè)計(jì)抓住用戶的注意力呢?

商業(yè)環(huán)境中講究一個(gè)「快」字。我們閱讀的時(shí)候長期接受過載的信息,很難再集中精神,那么,一個(gè)內(nèi)容清晰的閱讀體驗(yàn)就非常重要。

所以,以下16張版式小Tips,或許能解決排版這個(gè)問題。

第一步,思考!??!別急著打開PS

三八XX節(jié)專題頁設(shè)計(jì)該怎么玩?看這篇就夠了!

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

寫在前面

3月8號是國際勞動?jì)D女節(jié),又稱三八婦女節(jié),是世界各國婦女爭取和平/平等/自由/權(quán)利的節(jié)日,意在鼓勵(lì)和弘揚(yáng)女性“自尊/自信/獨(dú)立/自強(qiáng)”的精神。


三八XX節(jié)專題頁設(shè)計(jì)該怎么玩?看這篇就夠了!


沒靈感?這里是最全的15個(gè)設(shè)計(jì)風(fēng)格總結(jié)!

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

今天要給大家分享的是Behance上的一篇2017設(shè)計(jì)趨勢總結(jié),雖然前陣子美丫姐在微博上還吐槽了近段時(shí)間各種設(shè)計(jì)趨勢總結(jié)追風(fēng)成影,但這篇還是很打動我的。因?yàn)樗鼘?shí)在是太全面了,并且案例收集的非常精良。完全可以當(dāng)做一個(gè)龐大的靈感庫,時(shí)不時(shí)拿出來看看也是極好的!

下面是美丫姐的小伙伴阿昕翻譯的中文版本,希望給大家?guī)韼椭?

日歷

鏈接

個(gè)人資料

存檔