淺談iOS與Android設計規(guī)范：6類交互設計規(guī)范對比

iOS和Android兩個不同的平臺，肯定是有很多區(qū)別的，下面就從交互的角度，談談區(qū)別。

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：國際域名空間、網(wǎng)頁空間、營銷軟件、網(wǎng)站建設、白河網(wǎng)站維護、網(wǎng)站推廣。

以前就讀過IOS和Android的規(guī)范，但是覺得沒啥大用處，因為現(xiàn)在APP為了保持一致性，通常在IOS和Android上的設計是一樣的，而且一些小公司只設計IOS的交互原型，因為只要IOS上能用，安卓上肯定沒問題，前段時間，和一個人聊，問我它倆的區(qū)別，當時一臉懵逼，不知從何說起。畢竟是兩個不同的平臺，肯定是有很多區(qū)別的，下面就從交互的角度，談談區(qū)別。

一、全局導航

IOS：通常放在底部，方便用戶點擊

Android：通常放在上面，下面有物理按鍵，防止誤操作。

解析：因為Android比IOS多了物理按鍵，為了防止誤操作，所以只能將全局導航放在上面，但是隨著屏幕越來越大，上面是手指無法觸及的區(qū)域，所以切換起來相對成本較高。

二、二級導航

IOS：通常放返回、上一級標題、標題（居中），操作通常只有一個

Android：通常返回控件、logo、下拉菜單、重要操作、更多操作

解析：IOS顯示了上一級的名稱，讓用戶點擊返回后，心里有預期，Android放了APP的logo，增加了品牌性，但是就使用來講，用戶不知道點擊會回到哪，下拉菜單和更多操作都需要點擊才能顯示，增加了操作步驟。

三、工具欄

IOS：通常放在最下面，方便操作

Android：放在導航欄里，將重要操作放在外面，其他放在更多里。

解析：IOS將操作都放在底部，區(qū)域更大，操作更方便。Android將操作放在了頂部，顯得很擁擠，并且還收起了一部分，需要用戶查找，但是卻節(jié)省了空間，讓內容顯示區(qū)更大。

四、提示框

IOS：出現(xiàn)在屏幕中間，可以帶圖標，可以不帶，可以是靜態(tài)的，也可以是動態(tài)的。

Android：不可以帶圖標，不能是動態(tài)的，最多只可以帶一個操作按鈕，最多只能出現(xiàn)一個提示，不能和低端的懸浮按鈕重合。

解析：IOS的設計理念是盡量不打擾用戶，只要用戶能看見變化，輕易不會出現(xiàn)提示，只有一些用戶無法感知時，才會出現(xiàn)提示框，所以可以是動態(tài)的，像調節(jié)音量。Android的提示要比IOS重一些，因為它可以帶一個按鈕。

五、警示框

IOS：標題和按鈕是必須的，可以有內容和輸入

Android：主要有四種：用途、內容、事件、表現(xiàn)。

1、用途包含了標題，內容和事件。

六、手勢定義

IOS的手勢規(guī)定有8種，如下：

解析：IOS只有8種手勢，Android有14種，但是很多都不常用，個人感覺IOS的8種已經(jīng)完全夠用了，定義那么多種，用戶的學習成本就會提高，而且Android的有些手勢并沒有定義可以做什么，所以給出這么多手勢也沒有用。

結語

本文對IOS和Android的規(guī)范進行了對比，Android的規(guī)范那是相當詳細，但是IOS的只給出了設計原則，所以，一些是我自己總結的，可能對比的還不夠全面，歡迎大家一起討論。

Android 平臺設計規(guī)范有哪些

眾所周知，安卓系統(tǒng)是開源的，國內又有超多的手機廠商，小米、魅族、華為、oppo、三星等，每一個品牌有屬于自己的UI設計規(guī)范，但是我們主要分析UI界面尺寸規(guī)范。

1、字體

安卓系統(tǒng)中文采用的是思源黑體，英文字體為robot字體。

只使用偶數(shù)單位 24 pt，28 pt，36 pt等字體大小

2、mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi、dp、px到底是什么意思？

講圖標之前先來分析一下一排英文的意思：

mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi都是表示的屏幕密度大小，依次數(shù)值越大，其分辨率越高。常用的是xxhdpi和xxxhdpi。

dp是安卓系統(tǒng)專用的長度單位，設備獨立像素的意思。不同設備有不同的顯示效果,這個和設備硬件有關。多為圖標使用，文字則用sp(放大像素)，主要用于字體顯示best for textsize。

px是像素的意思， 不同設備顯示效果相同。

安卓各屏幕密度關系如下：

3、圖標

不同手機品牌的圖標的標志是不一樣的，對應不同大小屏幕的尺寸如下：

系統(tǒng)圖標的尺寸：

快捷圖標的尺寸：

應用圖標的尺寸：

4、應用欄的尺寸

從左到右依次是：① 應用欄高度：56dp；應用欄左右內邊距為16dp；應用欄圖標上下左內邊距為16dp；應用欄標題左內邊距為72dp；應用欄標題下邊距：20dp；

②應用欄高度為128dp；

③操作欄高度為56dp；標題欄高度：80dp；標題欄底部內邊距：8dp；描述區(qū)域高度：72dp；描述區(qū)底部內邊距：16dp。

5、列表高度

垂直邊框、水平外邊距、邊框左右外邊距各16dp；帶有圖標或者頭像的內容有72dp的左邊距。

垂直邊距

①狀態(tài)欄：24dp；②工具欄：56dp；③子標題：48dp；④列表項：72dp

垂直邊框、水平外邊距、邊框左右外邊距各16dp；帶有圖標或者頭像的內容有72dp的左邊距。

垂直邊距

①狀態(tài)欄：24dp；②工具欄：56dp；③標題和列表項：48dp；④子標題：48dp；⑤內容區(qū)域間距離為8dp

6、切圖

上周我們講到iPhone 6與iPhone 6 Plus約是1.5的關系，而xhdpi的Android手機屏幕與xxdpi的屏幕剛好是1.5倍的關系，所以iPhone 6 Plus和xxhdip也可以共用一套切圖，掌握好尺寸關系，能讓工作變得簡單很多。

7、界面適配

安卓多屏幕支持的基礎是它能夠管理應用程序的布局和位圖可繪制對象的渲染以適當?shù)姆绞綄Ξ斍捌聊慌渲玫哪芰?。該系統(tǒng)處理的大部分工作由布局縮放以適合屏幕尺寸/密度和縮放位圖可繪制在屏幕密度正確呈現(xiàn)您的應用程序在每個屏幕的配置，來優(yōu)化用戶界面設計，帶來更良好的用戶體驗。

如何做到安卓界面適配呢？大家一定要很清楚的了解分辨率、屏幕大小、密度的關系；明白實際密度和系統(tǒng)密度的關系，dp、sp、px的區(qū)別；明白dp與px的轉換。這里不做過多闡述，后期寫一篇具體的~

安卓的界面規(guī)范就講到這里，要明白設計界面規(guī)范的意義是確保設計的統(tǒng)一性與合理性，規(guī)范維護的是項目的統(tǒng)一，為了項目利益最大化，高效化。所以作為UI設計師的我們，如果一點設計規(guī)范不遵守，全靠自己想當然，那就別發(fā)給前端人員啦，他也看不懂。

Android模塊化設計方案之使用代理模式解耦

Android模塊化設計方案系列文章：

1、 Android模塊化設計方案模型圖

2、 Android模塊化設計方案之接口API化

3、 Android模塊化設計方案之使用代理模式解耦

本篇是Android模塊化設計方案的第三篇，也是對 第一篇 中ThridLibs Proxy模塊進行說明。

很多人覺得對那些優(yōu)秀的第三方依賴庫再次封裝是一件多余的事情，因為這些庫可能出自大神/大廠，或有非常高的star并且使用起來十分穩(wěn)定，可以在項目中直接拿來使用。當然每個開發(fā)者都有自己的態(tài)度，我也只是根據(jù)以往的經(jīng)驗，表達一下自己的看法。

作為從了解四大組件就不愁找不到工作的互聯(lián)網(wǎng)大時代中一路走來的Android老鳥，經(jīng)歷了網(wǎng)路請求框架從HttpConnection到Volley再到OkHttp，也經(jīng)歷了圖片加載框架從UniversalImageLoader到Picasso再到Gilde，技術的迭代隨時都會發(fā)生。讓項目架構具有良好的擴展性是在設計之初就需要考慮的東西。

那么接下來我用一個簡單的demo來演示一下如何使用代理模式對第三方框架進行解耦。

現(xiàn)在我們有一個名為 thirdlib 的模塊，為我們提供圖片加載功能。

第一步：我們創(chuàng)建了一個新的模塊 thridlibproxy ，并且該模塊依賴于 thirdlib ，我們在該模塊中創(chuàng)建包私有的接口ImageLoaderInterface，這個接口中把thirdlib模塊中提供的功能抽象為接口：

第二步：創(chuàng)建包私有的接口的實現(xiàn)類ImageLoaderOneImpl，類中圖片加載的業(yè)務邏輯是通過調用 thirdlib 中的ImageLoader類實現(xiàn)的：

第三步：我們提供一個供外部調用的ImageLoaderOneImpl接口代理類ImageLoaderProxy：

最后我們就可以通過ImageLoaderProxy中提供的loadImage方法進行圖片的加載了。

看到這里有些盆友就會問了，在第二步的時候，我們就完成了 thirdlib 的封裝工作，為什么還要有第三步？還有我寫一個單例類直接對 thirdlib 進行封裝不就行了，為什么還要抽象出接口？

原因很簡單，為的就是盡可能的滿足軟件設計七大原則中的第一個： 開閉原則 。

一個好的軟件設計，需要對拓展開放，對修改關閉。我們在設計之初就要想到，在更換圖片加載框架之后如何最大程度上滿足開閉原則。

如果直接對 thirdlib 進行封裝，是面向類的開發(fā)而不是面向接口。如果此時更換圖片加載類庫，那必然會對封裝出來的類進行大量的修改，把原來的實現(xiàn)替換為新的實現(xiàn)。

使用代理模式的好處就是，我新創(chuàng)建一個被代理的類ImageLoaderTwoImpl：

然后只需要對第三步中的被代理類進行替換就行了。

在想要達到相同效果的時候，最大程度的滿足了開閉原則。

我們業(yè)務層模塊也和第三方庫實現(xiàn)了完全的解耦，我不需要知道 thridlibproxy 是如何幫我完成圖片加載工作的，但是只要調用它提供的方法就完事兒的，這也符合軟件設計七大原則中的： 最少知道原則 。

關于為何以及怎么通過代理調用第三方依賴庫，到這里就介紹完畢了，趕快動手試試吧~

我只想說： 原則是死的，人是活的????

如果覺得有收獲的話，歡迎點贊評論以及關注~

Android 開發(fā)中常用到的設計模式有哪些

2. 軟件設計模式的分類

2.1. 創(chuàng)建型

創(chuàng)建對象時，不再由我們直接實例化對象；而是根據(jù)特定場景，由程序來確定創(chuàng)建對象的方式，從而保證更大的性能、更好的架構優(yōu)勢。創(chuàng)建型模式主要有簡單工廠模式（并不是23種設計模式之一）、工廠方法、抽象工廠模式、單例模式、生成器模式和原型模式。

2.2. 結構型

用于幫助將多個對象組織成更大的結構。結構型模式主要有適配器模式adapter、橋接模式bridge、組合器模式component、裝飾器模式decorator、門面模式、亨元模式flyweight和代理模式proxy。

2.3. 行為型

用于幫助系統(tǒng)間各對象的通信，以及如何控制復雜系統(tǒng)中流程。行為型模式主要有命令模式command、解釋器模式、迭代器模式、中介者模式、備忘錄模式、觀察者模式、狀態(tài)模式state、策略模式、模板模式和訪問者模式。

3. 常見設計模式介紹

3.1. 單例模式(singleton)

有些時候，允許自由創(chuàng)建某個類的實例沒有意義，還可能造成系統(tǒng)性能下降。如果一個類始終只能創(chuàng)建一個實例，則這個類被稱為單例類，這種模式就被稱為單例模式。

一般建議單例模式的方法命名為：getInstance()，這個方法的返回類型肯定是單例類的類型了。getInstance方法可以有參數(shù)，這些參數(shù)可能是創(chuàng)建類實例所需要的參數(shù)，當然，大多數(shù)情況下是不需要的

Android 開發(fā)中常用到的設計模式有哪些?

設計模式總共是23種，常用的有下面幾種 ：

1 單例模式，application 就是單例 可以存儲一些數(shù)據(jù)例如記錄activity的啟動數(shù)量 ；

2 觀察者模式： button的onClickListener ，監(jiān)聽button的響應；

3 適配器模式 ：例如recyclerView 的adapter ；

4 命令模式： 例如開源庫eventBus ，把數(shù)據(jù)封裝好 發(fā)送出去，然后接收； 等等等等，很多

android個人中心頁面的設計

RelativeLayout xmlns:android=""

xmlns:app=""

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@color/colorGray"

include

? ? android:id="@+id/toolbar"

? ? layout="@layout/include_layout_fitting" /

RelativeLayout

? ? android:id="@+id/relativeLayout1"

? ? android:layout_width="wrap_content"

? ? android:layout_height="wrap_content"

? ? android:layout_below="@id/toolbar"

? ? android:orientation="vertical"

? TextView

? ? ? ? android:id="@+id/header"

? ? ? ? android:layout_width="match_parent"

? ? ? ? android:layout_height="120dp"

? ? ? ? android:background="@color/colorPrimary"

? ? ? ? android:scaleType="centerCrop" /

/RelativeLayout

RelativeLayout

? ? android:id="@+id/relativeLayout2"

? ? android:layout_width="wrap_content"

? ? android:layout_height="wrap_content"

? ? android:layout_marginLeft="10dp"

? ? android:layout_marginTop="80dp"

? ? android:layout_marginRight="10dp"

? android.support.v7.widget.CardView

? ? ? ? android:id="@+id/id_card"

? ? ? ? android:layout_width="match_parent"

? ? ? ? android:layout_height="wrap_content"

? ? ? ? android:layout_margin="5dp"

? ? ? ? android:foreground="?android:attr/selectableItemBackground"

? ? ? ? app:cardCornerRadius="5dp"

? ? ? ? app:cardElevation="10dp"

? ? ? LinearLayout

? ? ? ? ? ? android:layout_width="match_parent"

? ? ? ? ? ? android:layout_height="180dp"

? ? ? ? ? ? android:layout_marginLeft="@dimen/dimens_10"

? ? ? ? ? ? android:layout_marginTop="@dimen/dimens_20"

? ? ? ? ? ? android:layout_marginRight="@dimen/dimens_10"

? ? ? ? ? ? android:background="@drawable/mine_blue_shape"

? ? ? ? ? ? android:orientation="vertical"

? ? ? ? ? LinearLayout

? ? ? ? ? ? ? ? android:layout_width="match_parent"

? ? ? ? ? ? ? ? android:layout_heig

文章標題：android設計,android設計app
轉載源于：http://jinyejixie.com/article18/dsdipdp.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供云服務器、標簽優(yōu)化、微信公眾號、品牌網(wǎng)站建設、網(wǎng)站導航、企業(yè)網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)