附錄1完美校園輕應用頁面設計規(guī)范_第1頁
附錄1完美校園輕應用頁面設計規(guī)范_第2頁
附錄1完美校園輕應用頁面設計規(guī)范_第3頁
附錄1完美校園輕應用頁面設計規(guī)范_第4頁
附錄1完美校園輕應用頁面設計規(guī)范_第5頁
已閱讀5頁,還剩1頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

附錄1:完美校園輕應用頁面設計規(guī)范編寫目的完美校園輕應用界面設計規(guī)范指導完美校園APP內(nèi)置輕應用設計過程中的設計標準,包括文字、頁面布局、色階等元素要求。根據(jù)統(tǒng)一的設計標準,使得整個APP各個頁面在視覺上統(tǒng)一,提升用戶體驗。產(chǎn)品經(jīng)理、UI設計師、測試人員可以作為產(chǎn)品評價依據(jù),以便大家建立共同的認知,便于在設計過程中的團隊合作,提高產(chǎn)品研發(fā)迭代效率。使用范圍參與產(chǎn)品定義和產(chǎn)品實現(xiàn)的UI設計師以及測試人員等。按鈕導航條高度96px文字36px圖標32*32px菜單欄96px文字24px圖標:48*48px方形大圖標:切片84*84px圖標尺寸:66Px*66Px標準色:藍灰:#dfe9ea淺黃:#fff9ce描邊:2px#7c8b8c長方形小圖標68px*130px(?。╅L方形大圖標90px*710px(大)色階全局用色背景用色分割線用色文字用色圖標用色文字規(guī)范字體Font【字體1】【字體2】金額專用字體樣式Style不加粗、加粗大小Size【34px】頂部導航欄-欄目名稱#333333;文字按鈕#666666【30px】標題-#333333;標題-加粗-#333333【28px】主要文字-用戶昵稱-加粗-#333333;正文-#333333;按鈕文字-#ffffff,#666666,#333333【26px】輔助文字-#666666;提示文字-#999999【24px】次要文字-底部菜單文字-默認#666666,點擊#ffb830;時間等次要文字-#333333or#bbbbbb金額整數(shù)金額不要.00,有小數(shù)點后位數(shù)保留.00,如下:【金額1】-用于團購、商品列表價格列表區(qū)域圖文列表區(qū)域高度106px,圖片與文字間距26px,擴展按鈕與邊框間距20px,頁面布局的分割背景:#f4f4f4分割線:#e2e2e2注:其他列表區(qū)域以此為標準,可根據(jù)實際情況靈活調(diào)整。彈出框主體文字大小30px,RGB#666666輔助提示文字大小26px,RGB#cccccc編輯框文本輸入框高度60PX;主體文字大小30px,RGB#

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論