首頁

從迪士尼到紀念碑谷,這位中國設計師掌握了哪些技能?

周周

編者按:說起usTwo 你可能沒聽過,但《紀念碑谷》你肯定玩過。這個全球頂尖的設計工作室還做過哪些酷酷的產(chǎn)品?他們是如何幫助設計師和客戶合作的?想加入它們有哪些要求?這期直接讓usTwo 的設計師為大家揭秘。

我們請到了設計工作室 usTwo 的設計師 Avalon Hu。她曾先后就讀于臺灣大學生物產(chǎn)業(yè)機電工程系和密歇根大學人機交互專業(yè),曾在 R/GA 和湯森路透任職。本期我們聊了聊她如何從迪士尼秀場后臺開始,轉專業(yè)成為用戶體驗設計師;設計 Agency 的工作流程;usTwo 獨特的企業(yè)文化和公司結構;最后她也與想加入設計 agency 的同學分享了自己的建議。

這些懸浮動效的常見玩法你都知道嗎?

周周

動效是如今UI設計中的重要組成部分,也是目前最熱門的設計趨勢之一。在之前的《在現(xiàn)代網(wǎng)頁設計中,動效有哪些常見的用法》這篇文章中,我們探討了動效對于交互和用戶的重要意義,動效在不同的環(huán)節(jié)發(fā)揮的作用越越來越大。而今天我們要聊的是光標懸停,這也是近年動效設計的熱點之一。

正是由于Material Design 和蘋果所引領的動效設計風潮,許多曾經(jīng)有過的設計技巧和元素正在逐步回歸,而懸停就是其中之一。但是相比于曾經(jīng)那些閃爍彈跳的,現(xiàn)如今的光標懸停來的更加微妙,更加強調功能性和體驗。

和其他動效相似,光標懸停讓交互的引導性更強,有的還帶有預覽的作用,它的使用范圍非常廣,大到全屏,小到提示和導航元素,不一而足。

接下來,我們通過實戰(zhàn)案例看看,光標懸停目前有哪些創(chuàng)新的玩法。

首頁動效

想進階成高手?得學會如何在設計中打造最合適的組件!

周周

編者按:什么是模塊化設計?它有哪些優(yōu)勢?該如何運用模塊化設計?本文騰訊CDC 的高手帶你一窺模塊化設計的奧妙。

在看組件和元素之前,我們先了解在他們之上的一個概念

模塊

模塊大家應該都不陌生,任何一個完整的界面,都會有多個功能模塊,而每個模塊內有相應的組件,每個組件中又有相應的元素,其中任何一點的變化,都會使用戶對產(chǎn)品的認知發(fā)生改變。

看起來很高大上的設計規(guī)范,看這篇就知道怎么用了!

周周

什么是設計規(guī)范設計規(guī)范到底有什么用?如何看懂設計規(guī)范?今天@Jaret_杰瑞特 結合實際工作中的體驗,幫你快速上手設計規(guī)范。

如何善用對比度來提升網(wǎng)頁內容的可讀性

周周

當我們聊設計的時候,可讀性是我們最常提及的話題。良好的設計應該都是可讀的設計,如果信息都無法正常而清晰的傳達,那么設計就失去了意義。

設計的可讀性和排版設計息息相關,與此同時,對比度的控制也是其中的核心。想要提升內容的可讀性,讓內容以更加順暢、更符合邏輯的形式呈現(xiàn)在用戶面前,你需要借助對比度來表達,讓用戶真正順暢的理解。

色彩對比

前景的文字需要和背景有著明顯的對比,它需要能夠吸引用戶的眼球。

授人以漁!用一個清晰的思路幫你掌握移動界面標注

周周

授人以魚不如授人以漁,我寫文章的目的并不是讓大家完全按照我的方法來做,而是希望我們都能提高自己的思維方式,因為現(xiàn)在網(wǎng)上的方法與經(jīng)驗實在太多(又不能確定都是正確的),你的大腦永遠無法承載整個互聯(lián)網(wǎng)的信息容量,所以與其看那多內容,不如從根源上提高自己拆解、分析、總結的能力,這樣無論以后你遇到什么樣的問題,都能夠迎刃而解。

2017年流行的UI風格,可能是你從未聽過的「無框界面」

周周

編者按:什么是無框界面?憑什么斷言它能成為2017年的主流UI 設計風格?雨涵_Zoe 這篇干貨文章為你揭秘。

什么是無框界面?

縱使幾大設計風格已形成寡頭壟斷(如蘋果的圓角玻璃、谷歌的層級、微軟的方塊…),但界面設計的進化歷程才剛剛開始。

寫過關于去形式化的話題。在這個新趨勢中,界面上的內容越來越重要,相對的,一切與內容無關的都被大大削減。

去形式化是一張非常模糊的全景圖,在演化中一些新的設計風格逐漸清晰起來,例如——無框界面。

也許你已經(jīng)發(fā)現(xiàn)了,今年來越來越多的網(wǎng)站和應用,尤其是那些注重設計的,都有這樣的趨勢。曾經(jīng)用來劃分區(qū)域的邊框和邊線逐漸消失,然而在干凈的界面上,通過距離分割,各區(qū)域的差別依舊清晰可辨。

uisdc-ui-20170109-1

這7個思路,能幫你在設計項目中用好小圖標

周周

圖標是設計項目中幾乎必不可少的一個組成部分,但是在圖標的具體使用上,講究并不少。 如果你曾仔細瀏覽優(yōu)設的網(wǎng)站,應該已經(jīng)看過不少圖標設計的實戰(zhàn)案例。

1、強化視覺

avenir-clinic

老生常談!設計高素質的UI應該掌握這7個關鍵屬性

周周

我們的世界正在快速的數(shù)字化,這也是為什么UI界面在近10年來一直都是熱門話題,同時,這也意味著,作為設計師的我們比以往任何時候都要專注打造高素質的UI,以及讓用戶欲罷不能的用戶體驗。我們需要好的UI和優(yōu)秀的設計。

我們一直在追求好設計,優(yōu)秀的設計,讓人難忘的設計,能夠脫穎而出的設計。我們相信設計是有跡可循的,有成熟的、可考量的標準來衡量,它甚至可以作為我們設計的方向而存在。

從網(wǎng)站到手機,從家用的恒溫控制器到汽車的控制面板,所有的這些UI構成了我們的日常數(shù)字體驗。越來越多的屏幕和日漸龐大的數(shù)字化內容,使得我們對于優(yōu)質的UI設計越來越渴望。

雖然好設計的原則是老生常談,但是我們還是要經(jīng)??偨Y,結合自己的設計,三省吾身。

1、簡單

image1

進階必讀!UI 設計規(guī)范的制作思路+常見問題總結

周周

編者按:制作UI 設計規(guī)范的大體思路應該是怎樣的?制作規(guī)范時容易遇到哪些瓶頸?今天這篇好文是華為設計師總結的經(jīng)驗,幫你一次性搞定這兩個問題!

2016已經(jīng)接近尾聲,上兩天剛參加完比賽,利用這幾天空閑時間,把最近沉淀下來的東西分享出來。

上個月團隊幾個小組進行友誼比賽,命題是“郵件”。規(guī)定大家以產(chǎn)品思維去設計一款全新的產(chǎn)品,形式不限。很難得的是所有人都參加了產(chǎn)品設計的每一個環(huán)節(jié)。我們秉著發(fā)現(xiàn)問題、解決問題的態(tài)度開始了這次友誼比賽。

日歷

鏈接

個人資料

藍藍設計的小編 http://www.bouu.cn

存檔