首頁

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

周周

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

1. 綜合素材庫:Graphberry

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

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

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

資深UI設(shè)計者

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

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

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

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

用心設(shè)計

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

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

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

周周

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

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

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

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

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

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

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

資深UI設(shè)計者

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

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

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

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

用心設(shè)計

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

面向未來的 CSS Variable

資深UI設(shè)計者

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

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

周周

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

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

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

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

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

用心設(shè)計

寫在前面

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


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


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

資深UI設(shè)計者

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

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

日歷

鏈接

個人資料

存檔