手机国产精品一区二区,另类第一页,亚欧在线,日韩一国产极品99热在线播放69_国产美女久久精品香蕉欧美_亚州中文无码aⅤ在线_免费国产v片在线

首頁

視覺設(shè)計(jì)遠(yuǎn)不止“好看”這么簡單

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

我本人也有過這樣的經(jīng)歷,之前我們設(shè)計(jì)一個(gè)大數(shù)據(jù)產(chǎn)品的官網(wǎng),設(shè)計(jì)師做完我很滿意,但是老板提出了意見:你們這是C端(customer)風(fēng)格,我 這是一個(gè)to B(business)的網(wǎng)站,以后不要再給我搞這種C端風(fēng)格!我們后來分析了很多to B的網(wǎng)站風(fēng)格,發(fā)現(xiàn)它們確實(shí)存在明顯的共性,而我們卻習(xí)慣于已有的C端經(jīng)驗(yàn)而忽視了這類網(wǎng)站這么明顯的特質(zhì)。當(dāng)時(shí)我也在反思,為什么不懂設(shè)計(jì)的老板反而能 發(fā)現(xiàn)設(shè)計(jì)上的問題?因?yàn)樗龑I(yè)務(wù)足夠理解,并且她的視野更寬闊!可見要真正做好設(shè)計(jì),只懂設(shè)計(jì)層面的東西是不夠的,需要拓寬眼界和知識面,從更高的角度來 看問題。

magnifying-glass-data-analysis_23-2147501894

太實(shí)用!15組展示響應(yīng)式作品的優(yōu)質(zhì)模板免費(fèi)下載

博博

15-mockups-responsive-web-designs-1

編者按:絕對值得收藏!響應(yīng)式網(wǎng)站是大勢所趨,今天這組模板,可以非常方便地展示你的網(wǎng)站作品,全都附有筆記本、臺式機(jī)、平板和手機(jī)的模板,建議馬克下,以后一定會用到的 >>>

iOS APP UI設(shè)計(jì)之從效果圖到UI切圖

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

完善的公司會把項(xiàng)目相關(guān)人員聚集起來,產(chǎn)品經(jīng)理會把產(chǎn)品詳細(xì)的用原型展示出來,包括產(chǎn)品定位,市場需求,主打賣點(diǎn),產(chǎn)品性質(zhì)以及各模塊具體功能,邏輯跳轉(zhuǎn)演示一下;之后會評估項(xiàng)目用時(shí),各部門協(xié)調(diào),項(xiàng)目啟動。

話不多說,接到原型,那我們應(yīng)該做什么準(zhǔn)備工作呢?

輕松看天氣!6款極簡風(fēng)格天氣預(yù)報(bào)APP設(shè)計(jì)

博博

有太多的天氣應(yīng)用UI設(shè)計(jì)極為繁復(fù),并不適合只需天氣、溫度等信息的普通用戶,今天我們精選了一些天氣應(yīng)用UI設(shè)計(jì),讓你享受每一度的極簡。

你是否也會被這些「極簡」款中的一二所吸引,那些滿屏各種指數(shù)的天氣 App 似乎是專為天氣專家們所設(shè)計(jì)的,而選擇這些「極簡」天氣 App,更便于我們掌握那些我們所需要的天氣信息。

2014讓人印象深刻的7種Mobile UI設(shè)計(jì)

博博

如果你是一個(gè)APP狂熱分子,你會花大量的時(shí)間在各種APP的嘗鮮中,你會明顯感受到一些APP在采用著某種風(fēng)格鮮明的設(shè)計(jì)語言,來標(biāo)榜自己的獨(dú)特之處,行成自己的設(shè)計(jì)風(fēng)格,甚至引領(lǐng)設(shè)計(jì)風(fēng)向。去年我們關(guān)注到隨著Metro設(shè)計(jì)風(fēng)格的影響和iOS7的發(fā)布,APP明顯都開始嘗試扁平化的設(shè)計(jì)語言了,除此之外,還有哪些顯性化的設(shè)計(jì)語言嶄露頭角呢?

請記住,視覺設(shè)計(jì)遠(yuǎn)不止“好看”這么簡單

周周

visual-more-then-beautiful-1

@劉津legene :設(shè)計(jì)師和理發(fā)師其實(shí)有點(diǎn)像,理發(fā)師基本分為三種:一種是只會搞基礎(chǔ)發(fā)型的,比如寸頭、中規(guī)中矩的長發(fā)、老太太卷頭等;一種是只會剪流行發(fā)型的(這種發(fā)型師還很容易搖身一變成為造型大師,告訴你你應(yīng)該改變,應(yīng)該剪目前最流行的某款發(fā)型,但實(shí)際上可能是他只擅長這款發(fā)型);還有一種是最可遇不可求的,他根據(jù)你的臉型、性格等,用最簡單的手法量身設(shè)計(jì)發(fā)型,讓顧客的氣質(zhì)度立刻得到提升。

視覺設(shè)計(jì)遠(yuǎn)不止“好看”這么簡單

藍(lán)藍(lán)設(shè)計(jì)的小編

設(shè)計(jì)師和理發(fā)師其實(shí)有點(diǎn)像,理發(fā)師基本分為三種:一種是只會搞基礎(chǔ)發(fā)型的,比如寸頭、中規(guī)中矩的長發(fā)、老太太卷頭等;一種是只會剪流行發(fā)型的(這種發(fā)型師還很容易 搖身一變成為造型大師,告訴你你應(yīng)該改變,應(yīng)該剪目前最流行的某款發(fā)型,但實(shí)際上可能是他只擅長這款發(fā)型);還有一種是最可遇不可求的,他根據(jù)你的臉型、 性格等,用最簡單的手法量身設(shè)計(jì)發(fā)型,讓顧客的氣質(zhì)度立刻得到提升。

入行這么些年,我接觸的設(shè)計(jì)師也不少,大體也分這幾種:只會做基礎(chǔ)設(shè)計(jì)的初級設(shè)計(jì)師(工);技藝精湛,能搞定所有流行風(fēng)格的高級設(shè)計(jì)師(匠);能根據(jù)產(chǎn)品性格、特征量身打造設(shè)計(jì)風(fēng)格的設(shè)計(jì)大師(師)。那么怎樣才能成為第三種設(shè)計(jì)師呢?

當(dāng)然,第三種設(shè)計(jì)師十分的稀少,即使有一般也都處在一個(gè)很高的位置上,不一定親自做設(shè)計(jì)了。

首先,能夠洞穿并還原產(chǎn)品本質(zhì)

其次,能夠通過分析研究尋找方向

第三,能夠講清楚設(shè)計(jì)思路,并得到大家認(rèn)同








關(guān)于Android和IOS交互上那些事

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

藍(lán)藍(lán)設(shè)計(jì)m.88yangsc.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ù)

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點(diǎn)這里

來源:莫貝網(wǎng)

先說Android平臺,自從material design面世以來,市場上很多Android app在設(shè)計(jì)上參差不齊。可能由于設(shè)備及用戶使用習(xí)慣等各種原因,大多數(shù)app都還在以Android 4.0的規(guī)范在做設(shè)計(jì),當(dāng)然也有很多app為了省事,直接從iOS上照搬過來。因此,真正以MD為設(shè)計(jì)基礎(chǔ)的應(yīng)用并不多。下面是一些整體的框架記錄,更為詳細(xì)的交互細(xì)節(jié)以后再說。

 

1

仔細(xì)閱讀MD的規(guī)范,似乎寫的很清楚,但是如果和Android4.0規(guī)范放在一起,還是會發(fā)現(xiàn)很多有出入的地方。不過規(guī)范的目的是為了培養(yǎng)并迎合用戶使用習(xí)慣,減少用戶認(rèn)知負(fù)擔(dān)。文字是死的,人是活的,靈活應(yīng)用才是關(guān)鍵。

在以MD為基礎(chǔ)的app設(shè)計(jì)中,經(jīng)常會出現(xiàn)以下結(jié)構(gòu)(如圖1)

1

在Android 4.0和material design設(shè)計(jì)規(guī)范中都專門對選項(xiàng)卡進(jìn)行了說明,但兩者的說法不同。

在Android 4.0中,選項(xiàng)卡tabs屬于操作欄的一部分,可以很輕松探索 app 中的不同功能,或?yàn)g覽不同分類的數(shù)據(jù)集,就是說tabs選項(xiàng)卡是可以作為導(dǎo)航使用的,類似于iOS的標(biāo)簽欄,只是iOS放在屏幕底部,安卓是放在屏幕頂端(如上圖2)。

但在material design中,tabs 的作用是將大量關(guān)聯(lián)的數(shù)據(jù)或者選項(xiàng)劃分成更易理解的分組,雖然很容易讓人聯(lián)想到導(dǎo)航,但其本身并不是用來導(dǎo)航的。每個(gè)tab的內(nèi)容應(yīng)該互相關(guān)聯(lián)并且是在同 一個(gè)主題下(如下圖)。圖中出行方式可以通過tab劃分成多種方式,但是搜索、指南、設(shè)置卻完全屬于不同的功能導(dǎo)航。

1

如此看來,兩種規(guī)范似乎是相互沖突的,而且只要留心一下你會發(fā)現(xiàn),現(xiàn)在市場上經(jīng)常是這兩種形式都有。googel官方比較推崇應(yīng)用結(jié)構(gòu)是:左側(cè)導(dǎo)航抽屜+應(yīng)用欄+tabs(Tab可選),但是同一種結(jié)構(gòu)卻有兩種不同表現(xiàn)方式。

方式一:谷歌主推形式

側(cè)邊欄導(dǎo)航作為應(yīng)用的主導(dǎo)航,頭屏顯示應(yīng)用最重要的功能或內(nèi)容,如果在較低層級中有多個(gè)平行相關(guān)視圖,可以用Tab結(jié)構(gòu)(當(dāng)然也可以沒有)。這種結(jié) 構(gòu)的關(guān)鍵是主要功能或內(nèi)容很突出,所以頭屏最大化顯示,而其他功能相對較弱,不需要頻繁切換側(cè)邊欄導(dǎo)航(如下圖)。谷歌發(fā)布的inbox郵箱,左側(cè)導(dǎo)航欄作為主導(dǎo)航,默認(rèn)顯示收件箱頁面,用戶最常用也最重要的功能是查看收件箱,至于其他的發(fā)件箱、垃圾郵件等都可以放在導(dǎo)航抽屜內(nèi)收起。googel圖書頂部是應(yīng)用欄+tabs結(jié)構(gòu),此處Tab強(qiáng)調(diào)的是在同一主題下的不同歸類,而不是導(dǎo)航。

1

方式二:市場發(fā)展

或許是受4.0規(guī)范的影響,在左側(cè)導(dǎo)航抽 屜+應(yīng)用欄+tabs的應(yīng)用結(jié)構(gòu)中,Tab作為應(yīng)用的主導(dǎo)航,而左側(cè)抽屜作為輔導(dǎo)航,收納一些用戶不常使用的功能,像用戶中心、設(shè)置、反饋等。這種結(jié)構(gòu)適 合那些多個(gè)相同等級的功能視圖需要頻繁切換的app,且只需要手指左右滑動就能快速切換Tab視圖,這將大大提高應(yīng)用使用效率。如下圖所示,雖然是概念設(shè)計(jì)(主要是國內(nèi)安卓應(yīng)用喜歡延續(xù)iOS風(fēng)格,將Tab放在屏幕底部,米找到合適的例子,且MD沒有被普遍應(yīng)用),但很適合該場景下的示例。這款產(chǎn)品類似于微信,將主要功能導(dǎo)航放在頂部,實(shí)現(xiàn)快速切換,側(cè)邊抽屜導(dǎo)航放置收藏、狀態(tài)、設(shè)置等次要功能。

2

以上兩種方式并不沖突,關(guān)鍵是看你應(yīng)用的功能內(nèi)容。如果你的應(yīng)用核心功能很突出,且不需要其他功能頻繁切換,就選擇第一種;如果你的應(yīng)用有兩個(gè)或者兩個(gè)以上相同重要的功能模塊,且需要頻繁切換,比如微信的即時(shí)聊天和朋友圈,那就嘗試第二種。

Android部分暫時(shí)就到這里,來看看iOS。如果展開來講,體系太龐大,暫且用一張圖表示,雖然都是很基礎(chǔ)的內(nèi)容。

 

1

另外,Android和IOS很明顯的差異是層級返回和編輯選擇。

1、層級返回

IOS平臺沒有實(shí)體返回按鍵,所以涉及層級間的導(dǎo)航,app界面本身一定要有返回按鈕,而實(shí)體home鍵只負(fù)責(zé)應(yīng)用退出。Android平臺有物理 返回按鍵,且點(diǎn)擊返回的是動作流。比如,在搜索界面,點(diǎn)擊搜索框調(diào)出軟鍵盤,再點(diǎn)返回按鍵,不是返回上一頁,而是收回彈出的軟鍵盤,它強(qiáng)調(diào)的是返回上一個(gè) 動作的界面,而非層級關(guān)系。在Android平臺上的app,如果應(yīng)用本身含有返回按鈕,返回的是上一層級,設(shè)計(jì)的是層級間的導(dǎo)航。另外,在安卓app的首頁點(diǎn)擊返回按鍵,就是退出應(yīng)用??煽慈缦玛P(guān)系圖

1

2、編輯選擇

對于編輯選擇功能,IOS有明確的入口,通常在導(dǎo)航欄 上有編輯按鈕,點(diǎn)擊后進(jìn)入編輯模式,通??梢远噙x,同時(shí)底部或頂部會增加工具欄,用來處理多選內(nèi)容。當(dāng)然也可以單選刪除,通過點(diǎn)按向左滑動刪除,或者是點(diǎn) 擊按鈕從底部呼出操作菜單,逐個(gè)刪除。但Android是通過長安方式進(jìn)入編輯模式,此時(shí)操作欄被一個(gè)臨時(shí)情景操作欄覆蓋(情景操作欄可以覆蓋頂部操作欄 和底部操作欄),界面內(nèi)容允許單個(gè)或多個(gè)操作(如下圖)

1

以上部分其實(shí)都是一些平臺規(guī)范總結(jié),將區(qū)別大且重要部分整理出來,也是為了方便閱讀查看,后期會持續(xù)更新一些其他交互內(nèi)容。

作者:butter
來源:jianshu

減少返工!如何發(fā)現(xiàn)交互設(shè)計(jì)中的思維盲區(qū)?

周周

interactive-design-blind-area-1

@琛桑要做芝麻藝人 :作為入行不久的交互設(shè)計(jì)師,我發(fā)現(xiàn)自己在交互設(shè)計(jì)的實(shí)踐中無法顧及到方方面面,是存在思維盲區(qū)的。其中有欠缺經(jīng)驗(yàn)的原因,也有自身知識局限的問題。進(jìn)入開發(fā)階段后,每次需要修改交互時(shí),心里都會有些慚愧,感覺為小伙伴們帶來了不必要的工作量。

[視頻]錘子科技羅子雄演講文字實(shí)錄:如何成為一名優(yōu)秀設(shè)計(jì)師

藍(lán)藍(lán)設(shè)計(jì)的小編

藍(lán)藍(lán)注:國慶期間,我?guī)缀趺刻於蓟〞r(shí)間看行業(yè)內(nèi)各優(yōu)秀人才的視覺和演講實(shí)錄,發(fā)現(xiàn)他們好可愛,大都坦率、真誠、樂于分享,把自己知道的好東西分享給更多的人。讓這個(gè)行業(yè)不斷的在進(jìn)步,也同時(shí)收獲著應(yīng)得的名聲和財(cái)富。

羅子雄不是特有名,這是我第一次看到他的演講,但如行云流水,準(zhǔn)備充分,卻講演自然無痕,生動有趣,顏值爆表。做為一個(gè)設(shè)計(jì)師,從98年到2015年,17年的時(shí)間,從菜鳥到大牛,分享的干貨,值得學(xué)習(xí)。

在路上,我們都在路上,不斷著提高著自已審美,反省著不足,努力的向各行各業(yè)的精英學(xué)習(xí)著。

國慶期間,我沒有讓自己做一些日常的工作,那些上班再去做就好了。

假日,應(yīng)超脫日常的思維,做一些前贍性、長遠(yuǎn)性、必要的思考和學(xué)習(xí)。


日歷

鏈接

個(gè)人資料

存檔