谷歌眼鏡使用者介面有標準的布局,以及在不同型別的時間軸卡片上的邊距參考規範。卡片通常會有如下幾種區域,我們將會列出一些參考給你。
卡片區域
谷歌眼鏡為一組通用的區域定義了大小,以便易於設計和保持一致性。
主內容卡片的主要文字內容是有界的填充區域,字型是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...