首頁

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

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

之前有粉絲留言說希望我們能寫一篇關(guān)于iOS和Android平臺(tái)特性對比的文章,筆者曾經(jīng)為兩個(gè)平臺(tái)分別做過差異化的設(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)不止表面上看起來的那么簡單粗暴。但在移動(dòng)端趨勢有如春草那樣蔓延開來的今天,大多數(shù)的公司都選擇把iOS的界面直接運(yùn)用于Android系統(tǒng)。我們自然可以理解這樣做是為了節(jié)省成本和更快的迭代,但抹殺了系統(tǒng)特性的運(yùn)用卻犧牲了許多Android用戶的用戶體驗(yàn)。盡管知乎也有類似回答過兩個(gè)系統(tǒng)交互的不同,今天筆者想更著重介紹一下兩者設(shè)計(jì)語言的異同。

面向未來的 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í)候也無需考慮代碼的兼容性。

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

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

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

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

總結(jié)了日式網(wǎng)站這4個(gè)優(yōu)點(diǎn)后,我能把中文網(wǎng)站做得高大上了!

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

本文通過分析日式網(wǎng)站的色彩、圖片、文字和元素運(yùn)用,幫你充分吸收日式網(wǎng)站的精華,讓中文網(wǎng)站的設(shè)計(jì)也變得高大上!

如何才能在所從事的領(lǐng)域成為世界頂尖?

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

有時(shí)你會(huì)覺得,自己永遠(yuǎn)實(shí)現(xiàn)不了自己的夢想。你知道你想做什么,但有無數(shù)的障礙在你的眼前。你要在和成千上萬人的競爭中勝出,才能真正做你想做的事。

你要如何擺脫這種激烈競爭?你的進(jìn)步速度要有多快,才不會(huì)讓你的夢想被社會(huì)“現(xiàn)實(shí)”砸得粉碎?你如何才能實(shí)現(xiàn)所需的飛躍,從千萬人當(dāng)中脫穎而出?

你首先要維持生計(jì)、更有很多其他責(zé)任。你每天能用的時(shí)間有限。下班后你還要處理生活瑣事,很容易就把事情拖明天了。即使你的心里有工作的熱情,你可能也會(huì)因?yàn)檫`背了自己對自己的承諾而感到內(nèi)疚。

這是一種壓倒性的絕望。我們要學(xué)習(xí)的東西太多。我們太容易質(zhì)疑自己的能力。也許我們應(yīng)該放棄奮斗、就這樣接受現(xiàn)實(shí)算了……?

視覺系統(tǒng)中的按鈕

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

我愛按鈕們。我可以用按鈕很多事:進(jìn)行下一步,做出決定,或者完成事務(wù)。有了按鈕,交互變得煥發(fā)生機(jī)。

這就是為什么按鈕們是一個(gè)設(shè)計(jì)系統(tǒng)里最重要的組成部分。非常簡單,它們在指定的區(qū)域提供可以點(diǎn)擊的簡單標(biāo)簽。因此,按鈕是你應(yīng)用一種設(shè)計(jì)語言的基本特征的重要方式,之后你可以把特征擴(kuò)展到其他更復(fù)雜的部分上。

這篇文章講的是我在一個(gè)新生系統(tǒng)中著手設(shè)計(jì)主要按鈕、次要按鈕、以及一大堆其他類型按鈕的時(shí)候所學(xué)習(xí)到的 12 條經(jīng)驗(yàn)。

現(xiàn)在網(wǎng)頁設(shè)計(jì)中圖片有哪些常見的使用技巧?

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

圖片在網(wǎng)頁中所扮演的角色越來越重要。作為最常見也是最早使用的網(wǎng)頁多媒體,圖片對于網(wǎng)頁設(shè)計(jì)師而言至關(guān)重要。如何用好圖片已經(jīng)成為了一項(xiàng)成熟、完善而又講究的技巧,而在高清屏幕無處不在的今天,稍有瑕疵的圖片都在高密度的像素下無所遁形,而不合理的圖片設(shè)計(jì)也不會(huì)逃過訪客的雙眼。

漲姿勢!全球頂尖的設(shè)計(jì)團(tuán)隊(duì)都有哪些設(shè)計(jì)原則?

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

想從美工變成真正的設(shè)計(jì)師,學(xué)習(xí)設(shè)計(jì)之上的原則很重要。這篇譯文收集了全球各個(gè)最優(yōu)秀的產(chǎn)品設(shè)計(jì)原則,讓我們了解這些產(chǎn)品設(shè)計(jì)背后更高的設(shè)計(jì)指導(dǎo)原則。

騰訊視頻TVD:在我們進(jìn)行產(chǎn)品設(shè)計(jì)的時(shí),總會(huì)遇到一些很難決策的地方或者沒有頭緒的時(shí)候,例如兩個(gè)方案看上去都很不錯(cuò),究竟選使用哪個(gè)才是對的?在設(shè)計(jì)時(shí)該往哪個(gè)方向進(jìn)行?

在表層設(shè)計(jì)之外,探索和制定更高層級的產(chǎn)品設(shè)計(jì)原則應(yīng)當(dāng)是需要我們努力的方向,這些設(shè)計(jì)原則能幫助產(chǎn)品設(shè)計(jì)保持更高的一致性。

充分運(yùn)用用戶研究

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

其實(shí)多數(shù)小團(tuán)隊(duì)都沒有專門的用戶研究人員,常由產(chǎn)品與設(shè)計(jì)師來進(jìn)行調(diào)研。本文中,作者簡要描述了一次專業(yè)的用戶調(diào)研的經(jīng)過。

日歷

鏈接

個(gè)人資料

存檔