<strike id="g3zqm"></strike>

      <cite id="g3zqm"></cite>

        <tr id="g3zqm"><center id="g3zqm"></center></tr>
        <pre id="g3zqm"><sup id="g3zqm"></sup></pre>
        <li id="g3zqm"></li>
      1. 少妇高潮激情一区二区三,免费av深夜在线观看,亚洲狼人久久伊人久久伊,久久精品人人做人人爽电影蜜月,黄色特级片一区二区三区,欧美日韩在线亚洲二区综二,极品少妇无套内射视频,日本极品少妇videossexhd

        首頁

        在交互設(shè)計階段如何發(fā)現(xiàn)思維盲區(qū),減少開發(fā)與視覺的返工

        之晨

        inside-out-implicit-demand-1

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

        騎士app介紹---有趣的馬術(shù)界面設(shè)計

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

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

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

        517965206093411277_meitu_2.jpg

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

        博博

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

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

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

        之晨

        visual-more-then-beautiful-1

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

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

        用心設(shè)計

        藍(lán)藍(lán)設(shè)計m.hengshangtqd.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)

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

        來源:莫貝網(wǎng)

        先說Android平臺,自從material design面世以來,市場上很多Android app在設(shè)計上參差不齊??赡苡捎谠O(shè)備及用戶使用習(xí)慣等各種原因,大多數(shù)app都還在以Android 4.0的規(guī)范在做設(shè)計,當(dāng)然也有很多app為了省事,直接從iOS上照搬過來。因此,真正以MD為設(shè)計基礎(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īng)常會出現(xiàn)以下結(jié)構(gòu)(如圖1)

        1

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

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

        但在material design中,tabs 的作用是將大量關(guān)聯(lián)的數(shù)據(jù)或者選項劃分成更易理解的分組,雖然很容易讓人聯(lián)想到導(dǎo)航,但其本身并不是用來導(dǎo)航的。每個tab的內(nèi)容應(yīng)該互相關(guān)聯(lián)并且是在同 一個主題下(如下圖)。圖中出行方式可以通過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)容,如果在較低層級中有多個平行相關(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)適 合那些多個相同等級的功能視圖需要頻繁切換的app,且只需要手指左右滑動就能快速切換Tab視圖,這將大大提高應(yīng)用使用效率。如下圖所示,雖然是概念設(shè)計(主要是國內(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)用有兩個或者兩個以上相同重要的功能模塊,且需要頻繁切換,比如微信的即時聊天和朋友圈,那就嘗試第二種。

        Android部分暫時就到這里,來看看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)的是返回上一個 動作的界面,而非層級關(guān)系。在Android平臺上的app,如果應(yīng)用本身含有返回按鈕,返回的是上一層級,設(shè)計的是層級間的導(dǎo)航。另外,在安卓app的首頁點(diǎn)擊返回按鍵,就是退出應(yīng)用??煽慈缦玛P(guān)系圖

        1

        2、編輯選擇

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

        1

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

        作者:butter
        來源:jianshu

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

        之晨

        interactive-design-blind-area-1

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

        6個技巧幫你把IOS的UI轉(zhuǎn)換成安卓!

        博博

        想適配兩個完全不同的平臺,有哪些需要注意的點(diǎn)呢?今天這篇文章總結(jié)了6個值得新手學(xué)習(xí)的地方,包括圖標(biāo)、屏幕密度尺寸、設(shè)計等等,來收吧!

        111.webp.jpg

        1. 不要轉(zhuǎn)換

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

        這意味著什么?

        一位安卓用戶可以從一個應(yīng)用輕松跳轉(zhuǎn)到另一個應(yīng)用。這是一個很大的不同之處。

        222.webp.jpg

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

        640.webp.jpg



        如何發(fā)現(xiàn)移動端交互設(shè)計中的思維盲區(qū)?

        用心設(shè)計

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

        如何發(fā)現(xiàn)交互設(shè)計中的思維盲區(qū)

        別具匠心!24款驚艷難擋的IOS APP網(wǎng)站著陸頁設(shè)計

        博博

        隨著iOS設(shè)備的大規(guī)模普及,優(yōu)質(zhì)的iOS應(yīng)用如同雨后春筍般層出不窮。每天都會有驚艷的iOS應(yīng)用涌現(xiàn),從社交媒體到隔壁老王,你會從各種不同的渠道聽到它們的名字,被不同的人安利。通常,這些優(yōu)質(zhì)的APP都會有一個逼格不低的官方網(wǎng)站,經(jīng)過精心篩選之后,我們優(yōu)選出24個品質(zhì)不錯的iOS APP的官網(wǎng)。這些網(wǎng)站有的簡約,有的優(yōu)雅,有的好玩,其中總會有幾個令人愛不釋手。

        一次移動記賬App的設(shè)計探索

        用心設(shè)計

        在一天的使用過程中,我很可能存在多次記賬的需求,這也意味著我會頻繁打開這個產(chǎn)品,簡單和可以讓我更快的完成任務(wù)。記賬因?yàn)樯婕暗劫Y金這個問 題,所以它同樣需要一定的安全性。如果要給這個 App 一個定位的話,我認(rèn)為它是一款 “能滿足大眾基本記賬需求的輕便的移動記賬 App ” 。

        基于以上的思考,很快就產(chǎn)出了以下稿子:

        一次移動記賬 App 的設(shè)計探索

        日歷

        鏈接

        個人資料

        藍(lán)藍(lán)設(shè)計的小編 http://m.hengshangtqd.cn

        存檔

        主站蜘蛛池模板: 国产91精品对白露脸全集观看| 国产免费一区二区三区视频| 色诱视频在线观看| 免费看美女被靠到爽的视频| 国产精品国三级国产av| 日韩深夜福利视频在线观看| 中文字幕人妻精品在线| 97精品人妻系列无码人妻| 国产人成77777视频网站| www.色色色.com| 人妻中文字幕精品一页| 日本黄漫动漫在线观看视频| 国产亚洲视频免费播放| 漂亮人妻不敢呻吟被中出| 国产精品成人一区二区三区| 久久久久久久久久久久无码| 久久精品丝袜高跟鞋| 久久亚洲精品中文字幕二区| 亚洲国产精品人人做人人爱| 国产亚洲情侣一区二区无码av| 日韩在线精品人妻| 国产女精品视频网站免费蜜芽| 中文字幕在线视频不卡一区二区| 中文字幕久久久久久久系列| 阜康市| 91性爱| 秋霞在线观看秋| 女人张开腿无遮无挡视频| 国产精品亚洲二区在线观看| 国产午夜亚洲精品区| 亚洲又粗又大| 五月婷婷中文字幕| 9.1原创大神| 久久丝袜这里3| 99久久免费精品色老| 性色a∨精品高清在线观看| 亚洲嫩模一区二区三区| 蜜桃视频网站| 中文字幕成人在线| 国内揄拍高清国内精品对白| 亚洲中文字幕日韩精品|