- Photoshop CC 移動UI設計案例教程(全彩慕課版)
- 胡金黎 朱海燕
- 349字
- 2020-06-12 16:11:34
3.1.3 導航欄
導航欄(Navigation Bars)位于狀態欄下方,是半透明的(70%)。通常,導航欄的中間是頁面標題,左右放置功能圖標,其尺寸如圖3-77所示。

圖3-77 iPhone 6/7/8導航欄(上)與iPhone X導航欄(下)
1. 導航欄標題
標題主要用于標明當前頁面,當需要特別強調內容時,建議使用大標題,如圖3-78所示。

圖3-78 正常標題(左)與大標題(右)
大標題導航欄的尺寸如圖3-79所示。大標題由于太占空間,并不能像傳統導航一樣固定在頁面頂部。因此在滑動頁面時,大標題會變成正常導航欄的64pt(@2x是128像素)的高度。

圖3-79 大標題導航欄的尺寸
2. 導航欄控件
導航欄通常應該只包含視圖的當前標題、返回按鈕和搜索、添加或更多等一個管理視圖內容的控件。如果在導航欄中使用分段控件,則不應包含標題或除分段控件之外的任何控件,如圖3-80所示。

圖3-80 界面中的導航欄
導航欄控件尺寸如圖3-81所示。

圖3-81 導航欄控件尺寸
推薦閱讀
- Painter 現代服裝效果圖表現技法
- PS是這樣玩的:輕松掌握 Photoshop 通關秘籍
- 設計模式之禪(第2版)
- AIGC輔助數據分析與挖掘:基于ChatGPT的方法與實踐
- CorelDRAW服裝設計實用教程(第四版)
- Plone 3 Multimedia
- MATLAB 2015從入門到精通
- Procreate+ SketchUp +Photoshop建筑設計手繪表現技法
- Unity 3D\2D手機游戲開發:從學習到產品(第4版)
- 從零開始:Illustrator CC中文版基礎培訓教程
- 構筑敏捷的開發團隊:微軟Visual Studio 2010實戰兵法
- 機械CAD軟件應用入門指導書
- Audition CC音頻處理完全自學一本通
- Joomla! 1.5 Content Administration
- AI繪畫大師:Stable Diffusion快速入門與實戰技巧