谷歌眼鏡設計規範之度量和網格

2021-06-20 07:17:11 字數 550 閱讀 4751

谷歌眼鏡使用者介面有標準的布局,以及在不同型別的時間軸卡片上的邊距參考規範。卡片通常會有如下幾種區域,我們將會列出一些參考給你。

卡片區域

谷歌眼鏡為一組通用的區域定義了大小,以便易於設計和保持一致性。

主內容卡片的主要文字內容是有界的填充區域,字型是roboto-thine。

根據內容的數量,谷歌眼鏡動態的調整字型大小。

狀態列狀態列有三種情況。滑動顯示在一組卡片中當前的位置。進度顯示動作的進度或時間。當處於執行中顯示乙個打轉的動畫。

全出血當全出血時效果最好,並且不需要40px的內邊距。

左圖或列

左圖或列需要修改內邊距和文字內容。

頁尾頁尾顯卡片的補充資訊,例如卡片**或時間戳。頁尾文字通常是26畫素,roboto light字型,白色,居中。

內邊距時間軸卡片中在所有的文字內容邊緣都有40畫素的內邊距。這樣能讓大部分人清晰的檢視內容。

布局模板

下面的布局將給你展現一些常用的網格和實現布局的卡片。

主布局全出血文字

作者和內容

左圖或列

列表

谷歌眼鏡設計規範之活動卡片

活動卡片顯示在時間軸中,且包含當前時間點的重要內容。他們會不斷的重新整理以保持資訊的更新及關聯。綜述活動卡片位於谷歌眼鏡時鐘的左邊,並會顯示使用者當前階段的關聯資訊。不像靜態卡片,活動卡片不可以在時間軸中儲存7天。當它不再有用了,你或你的使用者應該明確的刪除它們。當重啟或者低資源的情況下,谷歌眼鏡系...

mysql id命名規範 資料庫設計規範之命名規範

命名規範 說明 指資料庫物件如表 table 序列 sequence 過程 procedure 觸發器 trigger 等的命名約定。1.基本命名原則 1 規則1 命名使用具有意義的英文詞彙,詞彙中間以下劃線分隔。2 規則2 命名只能使用英文本母,數字,下劃線,並以英文本母開頭。3 規則3 避免用o...

開源供應鏈設計規範之 資料庫命名規範

四 資料庫命名規範 1 資料庫表 根據表所屬的子系統 模組,命名方式為 資料庫表名 子系統 模組 縮寫 表含義 其中子系統 模組的縮寫首字母大寫,表含義中每個單詞的首字母為大寫。子系統 模組及其縮寫應在 資料庫設計說明書 的約定部分加以描述。例如 錶可統一採用 code 為表的字首,則 code a...