幾個主流的App主介面比較

2021-07-05 12:31:14 字數 1849 閱讀 7458

1.qq2011

qq應用最新版本qq2011 beta3,從最新的版本看,介面比之前簡潔了一些。

我以夜間模式為例子:

因為qq聊天業務本身也有很多重要東西,如好友,qq群,歷史記錄等等,所以qq聊天在上部分又分成3部分了。這也算是較大的模組。

基本上這麼一分,qq上該用的東西我們都能直覺上都看的見,寥寥數筆,就已經勾畫出最基本最重要的輪廓。

除此之外,qq有大量的設定和子功能,如狀態設定,搜尋好友,新增好友,**設定等等, qq做法很簡單,就是分類分級,然後通過menu選單顯示。

因為這部分功能不是聊天的最主要的需求,這樣分類分級非常的合理,不影響使用者介面,又能無聲無影的新增到應用中。

總而言之,qq能把這麼多斑駁的功能融合一體,簡約而不失強大,合理而不失風采。

這個介面就不比qq了:

底部bottom則是業務劃分。

頂部banner為當前頁面的乙個標題(主要標誌),能攜帶若干功能的快捷方式; 

qq之前的版本好像也是這種劃分,這種布局的特點就是簡簡單單,大眾化,使用者一開啟就知道怎麼找相應的功能。

缺點就是大眾化,沒什麼特色,不夠炫。 

3.鳳凰週刊

鳳凰週刊的主介面不是一般的簡陋:

這種布局的特點就是模組劃分分明,每個模組在第一介面能攜帶一兩個功能或者功能快捷方式。

5.360衛士、大眾點評網、camera360

下面這幾個應用的介面又是一類,它們或許也有bottom的模組劃分,但是它們更喜歡把功能通過更直接的方式顯示在介面的正**,這樣做的目的是凸顯這些功能在此應用的重要性,而的確如此,沒有這些功能,或者看不到這些功能,我們甚至就不知道這個應用意欲何為,如何使用等等。

這類應用與前面的應用最大的不同,應該從應用本身的服務目的來分析,這類應用強調的是使用者的主動互動性,而前面應用強調的是提供使用者最新的資訊。

目的不同,介面的設計相應的不同,各盡其用,都非常的合理。

當然,這類應用主介面布局和前面布局的不同,從效果上強調二級功能點,而且掩蓋了直接內容,從這點上資訊類應用一般不採用這種布局,但是反過來這類應用布局卻可以採用資訊類布局,比如360衛士就介如兩者之間。 

6.小結

下篇文章中我們來實現這樣的乙個經典介面。

最主流的APP測試

概念 移動應用服務,就是針對手機這種移動連線到網際網路的業務或者無線網絡卡業務而開發的應用程式服務 裝置 智慧型手機 平板電腦 智慧型手錶 網路 無線 wifi 平台 andriod ios 使用者關注點 場合複雜程度 輸入種類 操作準度 介面布局 登入測試 登陸測試 登出測試 執行測試 切換測試 ...

Android學習系列 22 App主介面比較

本文算是一篇漫談,談一談當前幾個流行應用的主介面布局,找個經典的布局我們自己也來實現乙個。不是為了追求到底有多難,而是為了明白我們確實需要這麼做。走個題,android的ui差異化市場依然很大,依然值得去挖掘。鑄就經典,是為了超越經典!下面我們以下面10個應用來分析比較它們的主介面 1.qq2011...

App主介面Tab四個實現方法

步驟 1.布局檔案的建立與優化 分層建立布局檔案,先建立top布局,再建立viewpage頁面,底部再加bottom布局,可以用 進行分層優化布局。linearlayout可以使用layout weight,進行權重設計,此時layout height設定為0。2.getsupportactionb...