android應用界面設計

1. android界面設計有什麼好的方案

• 多看android官方規范，靈活使用8dp（一般間距）與48dp（一般可觸摸區域）。
  

• 靈活使用點九切圖。圖標與按鈕分開切，字全讓研發自己輸入。千萬不要切死圖。
  

• 早期的時候跟研發約好時間。比如某個半天，你弄個筆記本，跟研發坐一起，嚴格的把你的規范執行下去，後期大家合作起來就方便了。
  

• 圖一定要像素級別（包括720的圖標），所有錨點都優化好。
  

• 還是研發吧，沒事多往那邊跑，帶點乾果花生什麼的一邊吃一邊改。他是怎麼實現的，你一定要問清楚，你想怎麼實現，你也得跟他講清楚。
  

• 仍然還是研發，他們不怕麻煩，只是怕做好後又改。所以不要老讓他們嘗試，自己多做效果圖，嚴謹一點，多用axure把效果圖轉手機里看看。
  

• 做一個UI套件（dribbble上搜索UI kit看下別人怎麼做的），後期你也會方便很多，重要的是交接工作會很好。

• 多看知乎，有些關於ps的技巧，作圖技巧還蠻實用的。

2. 安卓app開發界面設計有哪些要點

需要掌握的要點

1. 重視用戶體驗；

2. 突出應用的特點；

3. 重視設計中的每一個環節；

在激烈的市場中脫穎而出，成為其中的佼佼者，最為關鍵的環節就是Android App開發界面的設計。界面不僅僅是面向企業，還是為用戶而設計的，只有以用戶為中心的設計才是最好的界面設計。

3. 如何做好android應用的界面設計

這段時間自己研究了挺多安卓的東西，有了更多的想法，在此描述一下。
方法/步驟
學習原生軟體的界面開發，而且最好還是看一些開源的，無論從設計的角度還是從開發的角度都是極好的。
比如優秀的作品很多，這些不開源學習界面就好，開源的可以看看系統的應用。和系統本身結合的非常好，設計風格和系統也很統一，給用戶較好的體驗。
2
確定整體產品色彩基調，色彩基調可以從產品功能中提取，也可以從產品LOGO中提取；
3
做出界面原型，包括功能布局、頁面交互等元素；
4
在界面原型基礎上進行色彩添加，進一步的細節調整;
5
有了好的外形基礎後，再就是回歸到用戶體驗。記住用戶才是第一位的。交互設計通常靠外形吸引用戶，但真正留住用戶的是細節上的人性化。讓這些極簡的設計細節控制用戶的生活習慣，最終讓用戶離不開它們！根據用戶使用體驗反饋再次修改界面，不斷完善。

4. 如何做好安卓應用的界面設計

android界面設計的工作在正規情況下，會和編程部分分開，屬於UI設計師的工作范疇，當然UI設計師與程序開發者必須了解相關的android的UI構建機制（介面，實現方法等等）方便協同工作。 安卓的按鈕包括系統默認的其實都是圖片，調用的圖片資源由具體的代碼控制，這些代碼的實現方法開發者必須弄懂，droiddraw也不過是生成一些預先寫好的調用默認圖片的代碼。 UI設計要涉及，點對點顯示，效果實現方式，界面人機交互原理，內存佔用優化優化等等好多原則，因此不同dpi的界面實際上不僅僅是簡單地調整一下png大小而已（如果只是簡單縮放直接用全局的代碼實現快得多）。不同的UI設計師會有自己的不同實現方法，例如我就比較喜歡用photo的動作自己做批處理腳本。

5. 如何做好安卓應用的界面設計

現在的軟體應用大致可以分為安卓系統和ios的系統。而iOS系統只適用於蘋果軟體，不適用於其他的軟體。而現在大多數的電子產品，國產的基本上都是安卓系統.隨著中國市場的迅速發展。安卓系統比越來越多的人使用，但是怎麼樣才能做好安卓應用的頁面設計呢？

首先我們要想做好安卓應用的頁面設計，我們必須對安卓系統進行更深入的了解。充分理解安卓應用所使用的范圍和繼續開發，研究安卓應用的一些拓展的功能。深入的剖析安卓系統，他的優點和缺點，以及有什麼改進的地方。以及改進的方法。

總體而言，就像我們現在的社會主義道路一樣。雖然是借鑒恩格斯和馬克思他們的先進思想，但是我們還必須結合我們的毛澤東思想和鄧小平理論。走出一條屬於我們中國的特色的社會主義道路。安卓應用的頁面設計也是這樣，要結合自己本身的實際情況。設計出獨特的，吸引人的設計。

6. android系統中有哪三種常用的ui設計方式

Android 資源類型
1.字元串資源

>>1.普通字元串
>>2.字元串數組

復制代碼
<resources>
<string-array name="planets_array">
<item>aaa</item>
<item>bbb</item>
</string-array>
</resources>
復制代碼
獲取方式:getResources().getStringArray(R.array.planets_array)
>>3.復數字元串資源
某些自然語言中，不同的數字在使用方法上會有所不同，比如one book,two books。當數量大於1時，會使用不同的名詞或其它復數形式；

復制代碼
<resources>
<plurals name="numberOfp">
<item quantity="one">one person</item>
<item quantity="other">more persons</item>
</plurals>
</resources>
復制代碼
quantity屬性的值除了one和other外，還可以是zero,two,few,many;
引用復數字元串:
// 引用數字為1的復數字元串
getResources().getQuantityString(R.pluarlas.numberOfp,1)；
// 引用數字為其它值的復數字元串
getResources().getQuantityString(R.pluarlas.numberOfp,10，10)；
>>4.佔位符格式化字元串
常用的格式化字元串三種方法:
>>1.在字元串中使用引號
字元串中的值雖然可以隨意指定，但是當遇到特殊符號時(雙引號，單引號)就需要採取特殊的方法來處理這些符號。
如果是單引號(')可以使用轉義符(\)或用雙引號(")將整個字元串括起來，如果是雙引號，可以在雙引號前使用轉義符(\)。

<resources>
<string name="str1">"This'll work"</string> This'll work
<string name="str2">This\'ll work</string> This'll work
<string name="str3">\"apple\"</string> "apple"
</resources>
>>2.用佔位符格式化字元串
使用String.format(String,Object...)方法可以格式化帶佔位符的字元串，只需要在字元串中插入佔位符，就可以使用String.format方法格式化字元串資源，format方法要求的佔位符用%1,%,...,%n，其實第n個佔位符與format方法的n+1個參數值對應；

<resources>
<!-- $s表示該佔位符被字元串替換，$d表示該佔位符被整數替換 -->
<string name="str1">hello,%1$s!You have %2$d new message</string>
</resources>
String str1 =String.format(getResources().getString(R.string.str1), "ly", 17);
>>3.使用HTML標簽格式化字元串資源

字元串資源支持一些HTML標簽，因此可以直接在字元串資源中使用這些HTML標簽格式化字元串
字元串資源支持如下的HTML標簽
<b>粗體字
<i>斜體定
<u>帶下劃線的字
有時需要同時使用HTML標簽和佔位符格式化字元串，如果使用String.format方法格式化字元串，會忽略字元串中的所有HTML標簽。為了使format方法可以格式化帶
HTML標簽的確字元，需要使用Html.formHTML方法處理字元串；

<resources>
<string name="hello_world">Welcome to <b>android</b></string>
<string name="str2">Hello,%1$s! You have <b> %2d new messages </b></string> <!--同時包含佔位符和html標簽的字元串-->
</resources>
由於需要使用Html.formHTML方法處理字元串，因此HTML標簽中的 "<" 需要使用 "<" 表示 ">" 並不需要處理
獲取字元串:

String text = String.format(getResources().getString(R.string.str2), "ly", 10);
CharSequence styledText = Html.fromHtml(text);
// 如果format的某個參數包含HTML的特殊字元，如"<","&"，可以使用如下方式讀取字元串的值;
String escapedUsername = TextUtils.htmlEncode("");
String text1 = String.format(getResources().getString(R.string.str2), "ly", 20);
2.Layout資源
1、如果根節點是View，除了<requestFocus>標簽外，不能添加任何子標簽，<requestFocus>可能被添加到布局文件的任何View中，表示該標簽對應的控制項在顯示時處於焦點狀態，整個布局文件只能有一個<requestFocus>標簽
2、根節點是ViewGroup，常用的布局都是ViewGroup的子類
3、重用布局文件
如果想重用某個布局文件，可以使用<include>標簽
<include layout="@layout/xx_layout" />
如果想讓一個布局文件被另一個布局文件引用(使用<include>標簽)，可以使用<merge>作為被引用布局文件的根節點，由於<merge>並不會生成任何標簽(在大量引用布局文件時不至於生成大量無用的標簽)，但是xml文件必須要有一個根節點，因此<merge>所起的作用就是作為xml文件的根節點，以使xml文件在編譯時不至於出錯，可以把<merge>當成<FrameLayout>使用；

3.圖像資源
在圖像資源中可以存儲圖像文件，還可以使用xml格式的圖像資源來控制項圖像的狀態和行為；
>>1.普通圖像資源
Drawable da = getResources().getDrawable(R.drawable.xxx);

>>2.xml圖像資源
xml圖像資源其實就是在drawable目錄中指定的xml文件，此種方式可以額外指定圖像的某些屬性，如圖像拉動、排列方式；

<bitmap xmlns:android="http://schemas.android.com/apk/res/android"
android:src="@drawable/ic_launcher"
android:tileMode="repeat" >
</bitmap>
>>3.Nine-Patch圖像資源
Nine-Patch圖像資源文件必須以9.png作為文件擴展名，如abc.9.png
該圖像資源的主要作用是:防止圖像的某一部分被拉伸；確定將圖像作為背景圖的控制項中內容顯示的位置；
Android SDK本身提供了一個Draw 9-patch的工具，啟動<sdk目錄>\tools\draw9patch.bat命令啟動該工具;
可以通過此工具在png圖的四周繪制1個像素粗的直線，上邊緣和左邊緣的直線分別表示圖像在水平和垂直方向可位值的范圍。如果水平或垂直方向的某個區域不需要拉伸，則可不繪制相應的直線；右邊緣和下邊緣的直線分別表示圖像所在控制項中內容的顯示範圍，內容只在右邊緣和下邊緣繪制直線的區域顯示，表示內容顯示範圍和拉伸范圍的兩給直線有一個重要區別就是表示內容顯示範圍的直線中間不能斷開，而表示拉伸范圍的直線中間可以斷開；
Nine-Patch圖像資源與普通圖像資源引用方法相同，在引用時只寫文件名，活力.9.png；

>>4.XML Nine-Patch圖像資源
Nine-Patch圖像資源也有與其對應的xml圖像資源，使用<nine-patch>標簽來引用Nine-Patch格式的圖像，有一個設置抖動的android:dither屬性；

>>5.圖層資源
圖層資源類似於<FrameLayout>不同的是<FrameLayout>標簽中可以包含任意的控制項，而圖層資源每一層都只有是圖像，定義圖層資源必須使用<layer-list>作為資源文件的根節點，<layer-list>標簽中包含多個<item>標簽，每一個標簽表示一個圖像，最後一個<item>標簽顯示在最頂層；
默認情況下，圖像會盡量充滿顯示圖像的范圍，圖像可能會有拉伸，為了避免圖像拉伸，可以在<item>標簽中使用<bitmap>標簽引用圖像；

復制代碼
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item
android:bottom="10dip" 底端偏移的像素
android:left="10dip" 左側偏移的像素
android:right="10dip" ...
android:top="10dip"> ...
<bitmap
android:gravity="center"
android:src="@drawable/hell" />
</item>
</layer-list>
復制代碼
某些情況下，可以使用圖層來代替<FrameLayout>

>>6.圖像狀態資源，處理控制項不同狀態下的顯示狀態

復制代碼
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/bm" android:state_focused="true"></item>
<item android:drawable="@drawable/bm" android:state_pressed="true"></item>
<item android:drawable="@drawable/bm"></item>
</selector>
// android:state_focused/pressed設置為true表示當前item的drawable屬性為獲取焦點和按下時的drawable樣式
復制代碼
>>7.圖像級別(Level)資源
圖像資源狀態只能指定幾種有限的狀態，可以通過圖像級別指定更多的狀態；圖像級別是一個整數的區間，可以通過ImageView.setImageLevel或Drawable.setLevel方法切換不同狀態的圖像；圖像級別資源是xml文件，必須以<level-list>為根節點，每一個item表示一個級別區間，下面是一個xml文件；通過ImageView.setImageLevel(level)，根據level所在的區間設定顯示的圖像資源，如果level不在任一區間內則清空ImageView當前圖像；

<level-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:maxLevel="2" android:minLevel="0" android:drawable="@drawable/hell" />
<item android:maxLevel="4" android:minLevel="3" android:drawable="@drawable/hell" />
</level-list>
>>8.淡入淡出(Cross-fade)資源
也是切換兩個圖像(不支持多於兩個圖像的切換)，並且使這兩個圖像以淡入淡出效果進行切換，如電燈在開關時逐漸變亮或逐漸變暗；

<transition xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:drawable="@drawable/hell"/>
<item android:drawable="@drawable/hell"/>
</transition>

TransitionDrawable da = ...;
// 從第一張圖片切換到第二張圖片，時間效果為1秒
da.startTransition(1000);
// 從第二張圖片切換到第一張圖片，時間效果為1秒
da.reverseTransition(1000);
>>9.嵌入(insert)圖像資源
使用場景:要顯示的圖像要求要小於裝載圖像的View(圖小於View區域)，也是通過xml資源定義，只有一個節點inset。

<inset xmlns:android="http://schemas.android.com/apk/res/android"
android:drawable="@drawable/hell"
android:insetLeft="10dip" > <!--圖像距離左邊的距離，延伸-->上/下/右的距離-->
</inset>
>>10.剪切(Clip)圖像資源，使用剪切圖像資源可以只顯示圖像的一部分，如可以通過此來製作進度條；

<clip xmlns:android="http://schemas.android.com/apk/res/android"
android:clipOrientation="horizontal" // 指定截取的方向
android:drawable="@drawable/hell" // 指定要截取的圖像
android:gravity="left" > // 指定截取的方式，在此為從左側開始截取
</clip>
ClipDrawable cd = ...;
cd.setLevel(1000);
上面ClipDrawable.setLevel(level)設置截取的圖像寬度，ClipDrawable預設了最大值10000(表示不進行截取)，最小值為0(表示不顯示)；

>>11. 比例(Scale)圖像資源

<scale xmlns:android="http://schemas.android.com/apk/res/android"
android:drawable="@drawable/hell"
android:scaleGravity="center" // 設置圖像顯示的位置
android:scaleHeight="70%" // 設置圖像顯示的高度
android:scaleWidth="80%" > // 設置圖像顯示的寬度
</scale>
>>12.形狀資源

復制代碼
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" > shape可以指定就矩形，oval(橢圓)，line(直線)，ring(圓)
<corners> 定義圓角
</corners>
<gradient
android:angle="45"
android:startColor="#000000"
android:endColor="#FFFFFF" > 定義顏色漸變，從左下角到或上角
</gradient>
<padding> 定義控制項內容到邊框的距離
</padding>
<stroke> 定義邊線
</stroke>
<solid> 定義填充
</solid>
<size> 定義大小
</size>
</shape>
復制代碼
13.菜單資源
菜單不僅可以在onCreateContextMenu或onCreateOptionsMenu方法中通過代碼創建，還可以在res/menu目錄中建立相應的菜單資源文件，並在上面兩個方法中載入菜單資源；
菜單資源文件必須以<menu>標簽作為根節點，每一個菜單項用一個<item>表示，如果要定義子菜單，可以在<item>標簽中包含<menu>標簽；如果想將多個菜單項劃為一組，可以使用<group>包含多個<item>標簽；

復制代碼
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
MenuInflater inflater = getMenuInflater();
inflater.inflate(R.menu.main, menu);
return true;
}
復制代碼
查看MenuInflater.inflate(int,Menu)

復制代碼
/**
* Inflate a menu hierarchy from the specified XML resource.
*
* @param menuRes Resource ID for an XML layout resource to load (e.g., <code>R.menu.main_activity</code>)
* @param menu The Menu to inflate into. The items and submenus will be added to this Menu.
*/
public void inflate(int menuRes, Menu menu) {
XmlResourceParser parser = null;
try {
parser = mContext.getResources().getLayout(menuRes);
AttributeSet attrs = Xml.asAttributeSet(parser);

parseMenu(parser, attrs, menu);
} catch ...finally {
if (parser != null) parser.close();
}
}
復制代碼
14.樣式與主題(style/theme)
>>1.樣式style
android中樣式和css中樣式作用是一樣的，都是用於為界面元素定義顯示風格，它是一個包含一個或者多個控制項屬性的集合。
定義樣式需要在res/values/styles.xml中進行定義，如下是一個樣式的定義：

<style name="textViewStyle">
<item name="android:textSize">22sp</item>
<item name="android:textColor">#FF0000</item>
</style>
<style name="textViewStyle1" parent="textViewStyle"></style><!-- 此樣式繼承自textViewStyle -->
<style name="textViewStyle.Livingstone"><!-- 樣式繼承的另一種寫法，但不可用此寫法繼承Android自帶的定義樣式? -->
<item name="android:textColor">#00FF00</item>
</style>
所有定義的樣式都會在R文件中自動生成一個資源ID，加一個點表示樣式繼承會生成上圖所示的資源id;

樣式的引用:

<TextView
style="@style/textViewStyle"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="hello" />
>>2.主題Theme
主題應用於整個應用或者activity，樣式應用於具體的控制項上。主題的應用與樣式定義一樣，不同的是主題還可以設置窗口的顯示風格；主題的引用需要在清單文件中進行引用，如引用到整個應用之上就需要在Application節點中進行配置引用，而引用到單個Activity只需要在此Activity中進行配置引用；

復制代碼
<style name="Livingstonetheme"><!--此定義是一個無Title的主題-->
<item name="android:windowNoTitle">true</item>
<item name="android:windowFullscreen">?android:windowNoTitle</item>
<!-- 問號表示引用此主題中android:windowNoTitle屬性的值 -->
<item name="android:textSize">18sp</item>
</style>
復制代碼
android系統定義了一些屬性，如android:theme="@android:style/Theme.Dialog"，該主題可以讓Activity看起來像一個對話框，更多主題可以在文檔reference->android->R.style中查看。當主題裡面的樣式屬性值與樣式裡面的屬性值發生沖突的時候會顯示樣式裡面的值；

15.其它資源
在資源文件中還可以包括尺寸(dimen)、整數(integer)、布爾(bool) 、整形數組資源(integer-array)、資源數組(array)、顏色(color)

TypedArray ta = getResources().obtainTypedArray(int id); // 獲取數組資源，包括integer-array、array
Final總結:
除了res/values目錄中的資源名，其它目錄的資源都會以文件名在R類的相應子類中生成變數；而res/values中的資源會以name屬性值為變數名在R類的相應子類中生成變數；

7. Android 平台設計規范有哪些

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

1、字體

安卓系統中文採用的是思源黑體，英文字體為robot字體。

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

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

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

mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi都是表示的屏幕密度大小，依次數值越大，其解析度越高。常用的是xxhdpi和xxxhdpi。

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

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

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

垂直邊距

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

6、切圖

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

7、界面適配

安卓多屏幕支持的基礎是它能夠管理應用程序的布局和點陣圖可繪制對象的渲染以適當的方式對當前屏幕配置的能力。該系統處理的大部分工作由布局縮放以適合屏幕尺寸/密度和縮放點陣圖可繪制在屏幕密度正確呈現您的應用程序在每個屏幕的配置，來優化用戶界面設計，帶來更良好的用戶體驗。

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

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

8. android ui設計

1. 下載安卓界面工具，打開界面工具，熟悉界面功能。

   
   

   

2. 認真練習體會android的八種布局方式，其中absolutelayout,framelayout,Linearlayout,relativelayout,tablelayout.可以直接拖曳，布局方式

3. 然後在布局基礎上放控制項，widgets有點擊類，編輯類，日期時間等。properties。是具體微調。

4. 可以進行button，autocomplete等的設計。包括畫廊，日期時間，選項卡的設計。

5. 最後一步，進行文件xml的保存，保存後的文件可以直接應用於android的UI設計。功能的實現主要依靠於code的控制。至此，android界面的簡單設計就完成了。

9. Android程序界面設計有哪些方式

一、 界面布局之線性布局（LinearLayout）
這種布局比較常用，也比較簡單，就是每個元素佔一行，把它按照橫向排放，也就是每個元素佔一列。在布局中都按照垂直或者水平的順序依次排列子元素，每一個子元素都位於前一個元素之後。
二、 界面布局之相對布局（RelativeLayout）
相對布局是android界面設計中比較常用和好用的一個布局方式。
三、 界面布局之表格布局（TableLayout）
表格布局採用行、列的形式來管理元素組件。TableLayout的行和列不需要聲明，而是採用添加方法控制。
每次在TableLayout中添加一個TableRow，一個TableRow就代表表格中的一行，也同樣是容器，往裡面添加一個子組件就代表增加一列。在表格布局中，列的寬度由最寬的那個單元格決定，整個表格布局寬度取決於父容器的寬度
四、 界面布局之絕對布局（AbsoluteLayout）
特點：以坐標的方式來定位在屏幕上的位置，引起缺乏靈活性，在沒有絕對定位的情況下相比其他類型的布局更難維護
五、 界面布局之幀布局（FrameLayout）
FrameLayout是五大布局中最簡單的一個布局。在幀布局中，整個界面被當成一塊空白備用區域，所有的子元素都不能被指定放置的位置，它們統統放於這塊區域的左上角，並且後面的子元素直接覆蓋在前面的子元素之上，將前面的子元素部分和全部遮擋。

10. 怎樣設計android系統的用戶界面請簡述界面布局方式

1 學習原生軟體的界面開發，而且最好還是看一些開源的，無論從設計的角度還是從開發的角度都是極好的。
比如優秀的作品很多，這些不開源學習界面就好，開源的可以看看系統的應用。和系統本身結合的非常好，設計風格和系統也很統一，給用戶較好的體驗。
2 確定整體產品色彩基調，色彩基調可以從產品功能中提取，也可以從產品LOGO中提取；
3 做出界面原型，包括功能布局、頁面交互等元素；
4 在界面原型基礎上進行色彩添加，進一步的細節調整;
5 有了好的外形基礎後，再就是回歸到用戶體驗。記住用戶才是第一位的。交互設計通常靠外形吸引用戶，但真正留住用戶的是細節上的人性化。讓這些極簡的設計細節控制用戶的生活習慣，最終讓用戶離不開它們！根據用戶使用體驗反饋再次修改界面，不斷完善。