當前位置:首頁 » 安卓系統 » androidui字體

androidui字體

發布時間: 2022-05-04 16:13:24

❶ Android UI設計字體大小規范

Android UI設計字體,由於android廠商和設備之多,目前沒有特定的標准,但根據設備的尺寸,有一個建議的原則,如下:

sp和dp一樣,是android開發里特有的單位,設計師在做UI設計的時候通常最初是建立320*480這個尺寸的畫布開始的,這個尺寸的畫布在android解析度的分類中稱為mdpi,在這個尺寸下,ps里的1px就等於android中的1dp,同樣,這個時候1點的字就等於android中1sp。

❷ Android 應用的 UI 設計師應當如何如何定義字體的 sp 值

UI設計的效果圖在創建文件時還需要把解析度規范到72像素/英寸,安卓的效果圖一般做兩倍圖,就是720*1280,在解析度為72的情況下,字體的單位不論是「點」還是「像素」大小是一樣的,如果是24號字那就等於24點,24像素,換算成sp的話就是12sp。如果發現字型大小你做的圖中文字太大或太小,很可能是創建文件時解析度不是72。

❸ Android UI設計稿准確設置字體的高度

將字轉化為形狀,鎖定長寬比,變換具體字高尺寸,但是不能改字體屬性了。呵呵

❹ Android UI 的設計規則

軟體界面設計相關的各項介紹

界面設計是為了滿足軟體專業化標准化的需求而產生的對軟體的使用界面進行美化優化規范化的設計分支。具體包括軟體啟動封面設計,軟

件框架設計,按鈕設計,面板設計,菜單設計,標簽設計,圖標設計,滾動條及狀態欄設計,安裝過程設計,包裝及商品化。

在設計的過程中有較多注意的關鍵問題,以下列出幾點:

(1)軟體啟動封面設計

應使軟體啟動封面最終為高清晰度的圖像,如軟體啟動封面需在不同的平台、操作系統上使用將考慮轉換不同的格式,並且對選用的色彩不

宜超過256 色,最好為216色安全色。軟體啟動封面大小多為主流顯示器解析度的1/6大。如果是系列軟體將考慮整體設計的統一和延續性。在上面應該醒目的標注製作或支持的公司標志、產品商標,軟體名稱,版本號,網址,版權聲明,序列號等信息,以樹立軟體形象,方便使用者或購買者在軟體啟動的時候得到提示。插圖宜使用具有獨立版權的,象徵性強的,識別性高的,視覺傳達效果好的圖形,若使用攝影也應該進行數位處理,以形成該軟體的個性化特徵。

(2)軟體框架設計

軟體的框架設計就復雜得多,因為涉及軟體的使用功能,應該對該軟體產品的程序和使用比較了解,這就需要設計師有一定的軟體跟進經驗,能夠快速的學習軟體產品,並且在和軟體產品的程序開發員及程序使用對象進行共同溝通,以設計出友好的,獨特的,符合程序開發原則的軟體框架。軟體框架設計應該簡潔明快,盡量少用無謂的裝飾,應該考慮節省屏幕空間,各種解析度的大小,縮放時的狀態和原則,並且為將來設計的按鈕,菜單,標簽,滾動條及狀態欄預留位置。設計中將整體色彩組合進行合理搭配,將軟體商標放在顯著位置,主菜單應放在左邊或上邊,滾動條放在右邊,狀態欄放在下邊,以符合視覺流程和用戶使用心理。

(3)軟體按鈕設計

軟體按鈕設計應該具有交互性,即應該有3到6種狀態效果:點擊時狀態;滑鼠放在上面但未點擊的狀態;點擊前滑鼠未放在上面時的狀態;點擊後滑鼠未放在上面時的狀態;不能點擊時狀態;獨立自動變化的狀態。按鈕應具備簡潔的圖示效果,應能夠讓使用者產生功能關聯反應,群組內按鈕應該風格統一,功能差異大的按鈕應該有所區別。

(4)軟體面板設計

軟體面板設計應該具有縮放功能,面板應該對功能區間劃分清晰,應該和對話框,彈出框等風格匹配,盡量節省空間,切換方便。

(5)菜單設計

菜單設計一般有選中狀態和未選中狀態,左邊應為名稱,右邊應為快捷鍵,如果有下級菜單應該有下級箭頭符號,不同功能區間應該用線條分割。

(6)標簽設計

標簽設計應該注意轉角部分的變化,狀態可參考按鈕。

(7)圖標設計

圖標設計色彩不宜超過64色,大小為16x16、32x32兩種,圖標設計是方寸藝術,應該加以著重考慮視覺沖擊力,它需要在很小的范圍表現出軟體的內涵,所以很多圖標設計師在設計圖標時使用簡單的顏色,利用眼睛對色彩和網點的空間混合效果,做出了許多精彩圖標。

(8)滾動條及狀態欄設計

滾動條主要是為了對區域性空間的固定大小中內容量的變換進行設計,應該有上下箭頭,滾動標等,有些還有翻頁標。狀態欄是為了對軟體當前狀態的顯示和提示。

(9)安裝過程設計

安裝過程設計主要是將軟體安裝的過程進行美化,包括對軟體功能進行圖示化。

(10)包裝及商品化

最後軟體產品的包裝應該考慮保護好軟體產品,功能的宣傳融合於美觀中,可以印刷部分產品介紹,產品界面設計。

圖標設計規范

數位設計引入了一種新的圖標設計樣式。以下是設計和創建樣式圖標的具體規范。

圖標樣式應該有趣、色彩豐富且充滿活力,因為現在的系統支持圖標是32點陣圖標,並且邊緣非常平滑。在矢量程序中繪制完每個圖標後,再用Adobe Photoshop進行處理可使圖像更加完美。本規范是專為設計者編寫的。在創建圖像時,建議您與高水平的圖形設計者一起工作,尤其是具有豐富的矢量和 3D軟體經驗的圖形設計者。

圖標設計概述的目的是讓您熟悉WindowsXP的新樣式,為創建圖標做好准備。

圖標樣式特性

(1) 色彩豐富,是對WindowsXP外觀的補充。

(2) 不同的角度和透視特性為圖像增添了動態活力。

(3) 元素的邊角十分柔和,並略微有些圓滑。

(4) 光源位於圖標的左上角,同時有環繞光照亮圖標的其它部分。

(5) 漸變效果使圖標具有立體感,進而使圖標的外觀更加豐滿。

(6) 投影使圖標更具對比度和立體感。

(7) 添加輪廓可使圖像更清晰。

(8) 日常對象(如計算機和設備)具有更現代化的個人外觀。

圖標尺寸

Windows XP圖標有四種尺寸,建議使用以下四種尺寸:

(1) 48x48像素

(2) 32x32像素

(3) 24x24像素

(4) 16x16像素

圖標色彩深度支持

WindowsXP支持32點陣圖標。32點陣圖標為24點陣圖像加上8位alpha通道。使圖標邊緣非常平滑,且與背景相融合。

每個WindowsXP圖標應包含以下三種色彩深度,以支持不同的顯示器顯示設置:

24點陣圖像加上8位alpha通道(32位)

8點陣圖像(256色),加上1位透明色

4點陣圖像(16色),加上1位透明色

調色板

圖標中使用的主要顏色。

對象的角度和分組

WindowsXP樣式圖標使用的透視網格:並非所有對象使用16?6的復雜圖像都能獲得較好效果。某些對象通常以直觀圖像顯示:文檔圖標、符號圖標(如警告或信息圖標)、單一對象圖標(如放大鏡)

除非創建重疊輔助對象可以更清楚地表達圖標的含義,否則就可讀性和完整性而言,還是應使用直觀圖像。還應考慮如何按組查看圖標,以便確定如何將對象分組。

投影

使用投影後,WindowsXP圖標將更清晰且更具立體感。可在Photoshop中實現這種效果,本指南的後面部分將對此進行描述。若要為圖像添加投影,請在 Photoshop中雙擊圖像的圖層,並選擇Drop Shadow。然後將Angle更改為135,Distance更改為 2,Size更改為2。此時投影為75%不透明黑色。

輪廓

繪制XP樣式圖標時,為圖像添加輪廓可使之更清晰,並可保證圖像在不同背景色上都具有較好效果。

概念

設計圖標時,請考慮以下因素:

使用已有概念以確保真實表達了用戶的想法。考慮圖標在用戶界面環境中以何種形式出現,以及如何作為圖標集的一部分使用。考慮圖形的

文化背景。避免在圖標中使用字母、單詞、手或臉。必須用圖標表示人或用戶時,請盡可能使其大眾化。如果圖標中的圖像由多個對象組成,應考慮如何使圖像尺寸更小。建議在圖標中使用的對象不超過三個。對於 16?6的尺寸大小,還可考慮刪除某些對象或簡化圖像使之更容易辨認。

透明工具

將Gif Movie Gear(GMG)打開一個對話框,其中顯示您的圖標。使用吸管工具單擊圖標的背景色。此顏色將更改為暗黃綠色(或在 GMG中選作

透明背景色的顏色)。重復所有4位和8位幀。若要保存圖標,請選擇 File->Save Icon As...。

創建工具欄

Windows工具欄圖標除不使用投影之外,使用的樣式與其它圖標相同。由於工具欄圖標非常小,建議您使用簡單的圖像。如果以直觀方式顯示

圖像即可清晰地表達圖標的含義,則不必使用其它復雜方式。

創建AVI

WindowsXP使用8位AVI。創建.avi文件的過程與創建圖標的過程相同-在Photoshop中准備圖像,然後將其拖動到GMG 中。請按以下指導創建8點陣圖標。若要使用GMG保存AVI,請轉至File->Export As->AVI file。創建.avi文件時,請考慮以下因素:使用品紅(R255 G0 B255)作為背景透明色。在Photoshop中,重要的一點是不要出現雜散像素。請將填充能力設置為0,並確認未選中取消鋸齒。

軟體人機界面

UI即User Interface(用戶界面)的簡稱。UI設計則是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。好的UI設計不僅是讓軟體變得

有個性有品味,還要讓軟體的操作變得舒適、簡單、自由,充分體現軟體的定位和特點。

美麗的事物常常會讓人無法抗拒。這就是為什麼產品出色的外觀設計對於電腦、汽車、日用品、傢具、食品、服裝等等幾乎所有商品的銷售與推廣,都有著舉足輕重的作用的原因。

同樣的道理,對於軟體公司來說,軟體產品就是他們的商品,而軟體界面就是他們產品的外觀,界面的美觀與否,直接關繫到了軟體產品的營銷成敗。

我們可以清楚地看到,微軟公司對軟體界面設計的重視。請回想一下您在第一次見到win2000時的情景,與nt4.0相比是否驚嘆他界面的美觀性與易用性?而您如果使用過xp系統,則會被其令人神奇的感官概念而震驚折服!金山公司的金山詞霸就是國內軟體成功的例子了,從金山詞霸3.0到金山詞霸2001 的變化堪稱經典。著名的網頁動畫製作軟體flash從3.0到4.0,僅僅修改了圖標和窗體,立即大為增色…

現今世界上成功的軟體公司都非常重視軟體界面的美化設計工作,因為他們深刻地知道,在激烈的市場競爭中,僅僅有強大的功能是遠遠不夠的,不足以戰勝強勁的對手。我們可以相象一下,您在挑選手機的時候,如果有兩款手機,性能相同,而第一款比第二款要美觀很多,那麼您將選擇哪一款呢?當然是美觀的那一款了。試想,您的客戶,也會拿您和您競爭對手的軟體做這樣的比較的。

現在的軟體企業都知道,廣告和市場推銷活動對市場營銷的作用是多麼的重要,並不遺餘力地打廣告、做活動、做推廣。但我們知道,這些活動的最終目的,是為了讓用戶購買並使用軟體產品,而用戶最終使用的也是您的產品,那麼為什麼不在軟體界面的美觀性上多下些工夫呢?在諸如家用電器、汽車、電腦等成熟的市場中,用非常精美的廣告去推廣一種功能強大卻醜陋無比的產品,是一種笑話。然而,這樣的笑話在軟體行業里卻屢見不鮮。這也是像中國足球一樣,中國軟體業與國外相比較存在的一個很大的差距。

實踐證明,各商家只要在產品美觀設計方面很小投入,將會有很大產出。其投入產出比,要比在功能領先性開發上的投入大得多。

在用戶把軟體買回去後,他們和您企業的聯系,或者說您企業形象在客戶眼中的表現,很大一部分是通過您軟體的界面來傳達的,那麼美觀友好的用戶界面對於宣傳您的企業文化,對於給客戶灌輸您的企業理念,對於您企業的宣傳運做都將是非常有益的。尤其如果您的公司做的是項目承包形式的業務,那麼無論是在競標的時候,還是在項目交付使用以後,美觀的界面都會給您的客戶以信心和良好的印象。

要成為一款有競爭力的軟體,不光要有強大的功能,也需要有一個友好的界面設計。縱觀當今的it行業,其軟體界面設計的發展趨勢大體上有如下幾種技術:

1. 命令語言用戶界面的發展。

根據其語言的特點,及人機交互的形式的分為

a. 形式語言

b. 自然語言。

c. 類自然語言。

2. 圖形用戶界面的廣泛應用

圖形用戶界面和人機交互過程極大地依賴視覺和手動控制的參與,因此具有強烈的直接操作特點

3. 直接操縱用戶界面技術的成熟。

用戶最終關心的是他欲控制和操作的對象,他只關心任務語義,而不用過多為計算機語義和句法而分心。對於大量物理的、幾何空間的以及形象的任務,直接操縱已表現出巨大的優越性。

4. 多媒體用戶界面及多通道用戶界面的發展大大豐富了計算機信息的表現形式。

5. 虛擬現實技術的應用

虛擬現實系統向用戶提供身臨其境(immerse)和多感覺通道(multi-sensory)體驗,作為一種新型人機交互形式,虛擬現實技術比以前任何人機交互形式都有希望徹底實現和諧的、以「人為中心」的人機界面。

安卓手機ui設計尺寸規范

眾所周知,安卓系統是開源的,國內又有超多的手機廠商,小米、魅族、華為、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是像素的意思, 不同設備顯示效果相同。
從左到右依次是:① 應用欄高度:56dp;應用欄左右內邊距為16dp;應用欄圖標上下左內邊距為16dp;應用欄標題左內邊距為72dp;應用欄標題下邊距:20dp;
②應用欄高度為128dp;
③操作欄高度為56dp;標題欄高度:80dp;標題欄底部內邊距:8dp;描述區域高度:72dp;描述區底部內邊距:16dp。
5、列表高度
垂直邊框、水平外邊距、邊框左右外邊距各16dp;帶有圖標或者頭像的內容有72dp的左邊距。
垂直邊距
①狀態欄:24dp;②工具欄:56dp;③子標題:48dp;④列表項:72dp

❻ 開發安卓、蘋果軟體的字體樣式、大小設計標准

一、IOS版本的字體設計規范和常識

  1. iOS客戶端開發人員,使用的默認簡體中文字體,就是常用的華文Heiti SC。

  2. iOS UI設計人員,使用Photoshop,請選中「黑體-簡」或Heiti SC,並設置為「細體」、「渾厚」是與iOS上的實際效果最接近的(Heiti SC Thin)。或者是冬青黑簡體、黑體等等。英文字體是 Helvetica Neue Ultra Light。

二、安卓android APP字體設計規范

  1. 安卓中文字體:droidsansfallback

  2. 安卓英文字體:roboto

  3. 安卓手機的默認中文字體都是droid sans fallback,是谷歌自己的字體,與微軟雅黑很像,小米miui v5 用的也是這種字體。

❼ 安卓代碼怎麼設置ui的字體風格

在system\fonts 下面就可以找到要修改的字體了 1 DroidSansFallback.ttf 中文字體文件,要求字型檔要全,否則容易出現口口。 2 DroidSans.ttf 桌面UI英文數字文件。 3 Roboto-Regular.ttf 系統英文數字文件常規體。 4 Roboto-Bold.ttf 系統英文數字文件粗體。 (要求2 3 4 這三個字體文件要盡可能相同,也就是同一個字體文件,分別改成三個文件名,英文數字字體文件不宜過大。) 上述四個文件,基本能改變我們所能看見的手機UI,圖標,電話,簡訊,微博,提示欄……等字體。基本滿足一般機油要求! 准備好上述四個文件,改好文件名,放到手機內存卡上。然後在手機上打開RE管理器,找到SD卡上的剛才放進去的四個文件,復制到system下,目的是為了修改文件許可權,因為在SD卡上的文件是無法修改許可權的。 將上述文件許可權修改成 r-w-r-r 然後粘貼到system/fonts下,提示覆蓋,確定。最後重啟手機。(注意,許可權一定要修改正確,否則造成無法開機等一切後果自負哦) 下載 (220.75 KB) 2012-4-12 11:44

❽ [Android / IOS 界面] UI設計 字體單位問題 px / sp

額,你應該找一些手機ui規范的資料來看,兩個平台對於字體,ui都是有規定的,主流都用這些,另外安卓5.0現在推行材料化設計,不知道字體方面有沒有變。

❾ 安卓手機網頁怎麼使用系統UI字體

設置步驟

1.打開顯示與亮度 打開手機的設置,點擊顯示與亮度。

2.打開字體樣式 來到顯示與亮度頁面,點擊字體樣式的選項。

3.打開更多 點擊底部的下載更多。

4.搜索IOS 點擊搜索圖標。

手機軟體中的字體,ui界面設計字體有以下幾種:

在ios中默認字體分為三類:

第一類:STHeiti-Light.ttc (黑體-簡與黑體-繁的細體)和 STHeiti-Medium.ttc(黑體-簡與黑體-繁的中黑) 代表的是中文字體,常用的方正黑體簡體

第二類:_H_Helvetica.ttc 和 _H_HelveticaNeue.ttc 代表的是英文以及數字字體,常用的字體Helvetica

第三類:LockClock.ttf 代表的是鎖屏時間字體

熱點內容
台電安卓平板系統太低怎麼辦 發布:2025-05-15 05:20:00 瀏覽:508
安裝了zlib編譯報錯 發布:2025-05-15 05:19:56 瀏覽:167
二分演算法無序 發布:2025-05-15 05:18:22 瀏覽:29
網易我的世界伺服器組件怎麼安裝 發布:2025-05-15 05:16:58 瀏覽:312
如何復制密碼狗 發布:2025-05-15 05:15:28 瀏覽:737
c語言報告三 發布:2025-05-15 05:10:37 瀏覽:844
09壓縮餅干 發布:2025-05-15 05:05:58 瀏覽:279
迭代法編程c 發布:2025-05-15 04:58:01 瀏覽:815
用什麼dns伺服器地址快 發布:2025-05-15 04:52:59 瀏覽:27
手機端so反編譯 發布:2025-05-15 04:50:55 瀏覽:610