午夜勾魂曲-午夜福利自怕-午夜福利在线观看6080-午夜福利院电影-国产精品毛片AV久久97-国产精品麻豆高潮刺激A片

首頁

優秀APP整體構圖速成法

用心設計

位優秀的移動APP客戶端的UI設計師,在接到一個移動case的時候,腦海中應該浮現很多相關的一點APP UI碎片。

肯定很多人會說,擁有這個功力肯定不是應屆APPUI畢業生所能掌握的。25學堂的小編說,未必。只要平常我們多安裝一些優秀的APP、每天來欣賞一款獨特美的APP。

把這些好的APP 翻來覆去的瀏覽即可。

APP quick method 0

讓用戶喜歡的APP應該長這樣

用心設計

問問自己,你喜歡的app有哪些呢?肯定很多人都會說微信、QQ、支付寶、美團、微博等等常用的這些APP吧。其實你真的懂現在的用戶嗎?這里特別舉2例子告訴大家,目前年輕人喜歡的APP。

讓用戶喜歡的APP應該長這樣

在交互設計階段如何發現思維盲區,減少開發與視覺的返工

周周

inside-out-implicit-demand-1

編者按:不想捂著臉求人改需求?來看工程師怎么說!前段時間,在交互設計階段如何發現思維盲區,減少開發與視覺的返工。今天讓騰訊前端@姬小光 從開發角度聊聊如何在需求確立和需求評審階段洞悉隱性需求,無論是開發人員還是產品,都能用上!

騎士app介紹---有趣的馬術界面設計

藍藍設計的小編

閑暇的時候我們都在干什么?低頭玩手機還是窩在沙發里追劇,沒戀人似乎就總是太不愿意出門。總是被手機電腦牢牢粘住,出門也總是逛街、電影、酒吧、KTV,有沒有想過培養一種特別的興趣愛好?一個別人一聽就會贊嘆的愛好……

騎馬其實就算是這樣的愛好,但印象里似乎又離我們生活有些遠,而且總是掛著昂貴和職業的標簽。最近一款叫做「騎士」的 App 卻很好地將騎馬這項活動變得更接地氣,真正來到了日常生活中,把馬術騎行變成了像騎自行車一樣稀松平常又觸手可及的事。

517965206093411277_meitu_2.jpg

輕松看天氣!6款極簡風格天氣預報APP設計

博博

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

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

請記住,視覺設計遠不止“好看”這么簡單

周周

visual-more-then-beautiful-1

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

關于Android和IOS交互上那些事

用心設計

藍藍設計www.gerard.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的UI界面設計BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

來源:莫貝網

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

 

1

仔細閱讀MD的規范,似乎寫的很清楚,但是如果和Android4.0規范放在一起,還是會發現很多有出入的地方。不過規范的目的是為了培養并迎合用戶使用習慣,減少用戶認知負擔。文字是死的,人是活的,靈活應用才是關鍵。

在以MD為基礎的app設計中,經常會出現以下結構(如圖1)

1

在Android 4.0和material design設計規范中都專門對選項卡進行了說明,但兩者的說法不同。

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

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

1

如此看來,兩種規范似乎是相互沖突的,而且只要留心一下你會發現,現在市場上經常是這兩種形式都有。googel官方比較推崇應用結構是:左側導航抽屜+應用欄+tabs(Tab可選),但是同一種結構卻有兩種不同表現方式。

方式一:谷歌主推形式

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

1

方式二:市場發展

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

2

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

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

 

1

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

1、層級返回

IOS平臺沒有實體返回按鍵,所以涉及層級間的導航,app界面本身一定要有返回按鈕,而實體home鍵只負責應用退出。Android平臺有物理 返回按鍵,且點擊返回的是動作流。比如,在搜索界面,點擊搜索框調出軟鍵盤,再點返回按鍵,不是返回上一頁,而是收回彈出的軟鍵盤,它強調的是返回上一個 動作的界面,而非層級關系。在Android平臺上的app,如果應用本身含有返回按鈕,返回的是上一層級,設計的是層級間的導航。另外,在安卓app的首頁點擊返回按鍵,就是退出應用。可看如下關系圖

1

2、編輯選擇

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

1

以上部分其實都是一些平臺規范總結,將區別大且重要部分整理出來,也是為了方便閱讀查看,后期會持續更新一些其他交互內容。

作者:butter
來源:jianshu

減少返工!如何發現交互設計中的思維盲區?

周周

interactive-design-blind-area-1

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

6個技巧幫你把IOS的UI轉換成安卓!

博博

想適配兩個完全不同的平臺,有哪些需要注意的點呢?今天這篇文章總結了6個值得新手學習的地方,包括圖標、屏幕密度尺寸、設計等等,來收吧!

111.webp.jpg

1. 不要轉換

你不應該在安卓上使用同一套規格的UI。iOS有一個能讓你一鍵返回桌面的“物理home鍵”。然而,安卓上的按鍵是“返回、home和多任務”。

這意味著什么?

一位安卓用戶可以從一個應用輕松跳轉到另一個應用。這是一個很大的不同之處。

222.webp.jpg

因此,iOS通常會有一個結合了縱向和橫向的UI結構,但安卓則更偏向于縱向。

640.webp.jpg



如何發現移動端交互設計中的思維盲區?

用心設計

當某個功能對數量有限制時,操作的時機就變得很重要。以在app上報名班級(圖1)的操作為例,假設班級容量為20人,確認報名訂單時暫
時扣去一個名額庫存,完成支付時完全扣去這個名額。如果當你報名班級時,名額已滿,但還有人未付款,這時系統應該有什么提示?這和報名班級時,班級絕對性
滿員(名額已滿,且所有人完成付款)的情況處理方式是不一樣的。另一種情況是,在你進入確認訂單頁時,名額未滿,但當你按下“確認”訂單,此時名額已經滿
了,也應該有相應的提示。像這種對數量敏感的功能,應盡量明確地告訴用戶限制條件,當前的相關狀態是怎樣的(未滿員,暫時滿員,或已滿員?),防止用戶進
行不必要的操作。用戶若第一時間沒有理解,可能需要進一步友好地提示。

如何發現交互設計中的思維盲區

日歷

鏈接

個人資料

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

存檔

主站蜘蛛池模板: 亚洲精品一区二区在线看片 | 亚洲精品久久久无码 | 亚洲伦理精品久久 | 无码人妻丰满熟妇区五十路久久 | 国产成人亚洲精品老王 | 1V1各种PLAY女主被肉 | 国产婷婷色综合AV蜜臀AV | 日本一区不卡在线播放视频免费 | 国产成人在线观看网站 | 超碰视频在线 | 国产精品视频第一区二区三区 | 久久综合九色综合国产 | 亚洲欧美日本久久综合网站 | 日本xxxxxx片免费播放18 | 丝瓜视频樱桃视频在线观看免费 | 做暖免费观看日本 | 亚洲国产成人精品无码区APP | 久久这里只有精品2 | 亚洲欧美日韩综合影院 | 视频一区二区三区蜜桃麻豆 | 国产91青青成人a在线 | 嫩草成人影院 | 强奸日本美女小游戏 | 国产精品乱人无码伦AV在线A | 国产日韩久久久精品影院首页 | 亚洲欧美日韩国产另类电影 | 伊人久久大香线蕉综合网站 | 6080yy亚洲久久无码 | 国产精品自产拍在线观看中文 | 欧美高跟镣铐bdsm视频 | 欧美亚洲日韩一道免费观看 | 99无码熟妇丰满人妻啪啪 | 伊人久久大香线蕉综合bd高清 | 扒开屁股眼往里面夹东西 | 中国农村妇女真实BBWBBWBBW | 国产二级一片内射视频播放 | 全免费午夜一级毛片 | 国产精品久久久久久免费字体 | 飘雪在线观看免费高清完整版韩国 | 伊人国产视频 | 久久中文字幕亚洲 |