追求卓越一諾千金

藍藍設計|||比波网,2011年成立|众富彩票首页,主創清華團隊_优选彩票登录,專注軟件和互聯網ui設計開發_365彩票网络请求超时。擅長企業信息化管理-|300302同有科技、監控||艾尔之光烈刃武者、大數據軟件UIUE谘詢和設計開發服務||autocad2004破解版下载。立足UI-_长沙宝南街,好好學習__|煤气灶风门,天天進步|召召与木木!


設計規範製作流程

2019-8-22 泥人張 手機及小程序界麵設計文章及欣賞



產品發展日趨平穩時||_苏明星,產品定位和品牌形象已進入穩定狀態-_掌上购彩app犯法吗,參與設計的人越來越多_--配角顾海滨,設計的統一性和效率的問題也漸漸顯現-_|焦作世纪星快捷酒店。因此-_auto cad2004下载,為了保證平台設計統一性_-_木人桩价格,提升團隊工作效率||_河南省实验中学校长,打磨細節體驗|-战地3沙漠巡逻车,就需要我們定義和整理設計規範-_-锡纸万能钥匙。

確定規範內容

UI 設計中--保定二手摩托车58,設計規範是一個關鍵步驟国风商讯。知名大廠基本上都有一套自己的完整規範體係-|娱乐天地怎么找客服,在整理設計規範時|_-t8神奇魔轮,以大平台規範體係作為參考_|-众赢财富通怎么样,針對產品自身情況增刪|_亿彩彩票官网欢迎你,整理出我們自己所需要的規範內容_爱唯侦x论坛,能有效地避免規範內容遺漏缺失-|_芮娜森黑钻全效面膜。

拓展鏈接|_单位性质:各大官網設計規範集合

色彩規範

顏色是設計中最重要的元素-|_九死一生造句,顏色的運用與搭配決定設計的品質感--|22福利彩票官方ios软件。在 UI 設計中|--红光二手房出售,顏色的使用規範主要在於-|众亿超级彩:品牌主色-|南宁私家车930、文本顏色--保洁用品专卖、界麵顏色(背景色_-|中菲南海对峙、線框色)等_|良品圈。

字體規範

不同的字體氣質不一樣|-038彩票是合法么?,並且不同場景下帶給人的感受也不一樣_|106官网彩票安卓版。所以需要在設計的時候考慮到字體的設計效果-_256手机彩票网网址,然後在設計規範中注明_|-易彩堂五万可以提现吗。

圖標規範

在 UI 界麵中-|亿博娱乐登录网站,具有標識性質的圖形就是圖標_|22选五开奖结果河南的。作為 UI 設計中重要的設計模塊-|-2019注册微信绕过手机,產品的每個頁麵中都有可能存在圖標|-亿人娱乐安全吗。設計規範中-|易彩现在多少人玩,圖標一般按照用途分為兩類|_-2m彩票全年记录全年图:應用圖標_|-男士眼霜推荐、功能圖標-脚模图片。

應用圖標-淮安草根网:各種應用程序的識別標誌|-_北京人体模特,在應用商店裏下載的一些應用程序的標誌-|-李俊案。

功能圖標|闪光夫妇下车:規範中最好標明圖標格式與使用方式_|234平台怎么样。比如 Web 設計_|陇南政府,圖片可以使用 iconfont 管理01彩票官方网页,可生成代碼交付給前端開發-|钛雷;如果是原生 APP|_|尉氏户外,那麼需要標注圖標導出格式與尺寸|-_运气不好的征兆。

圖片規範

圖片作為界麵設計的重要組成部分___一天一天歌词,需要標明尺寸規範|-n0470,分為不同用途的種類_-|棒棒堂快乐大本营。

設計尺寸&柵格係統

設計尺寸---234彩票登录,是指進行設計時|__qzone6空间克隆,選擇的畫板尺寸-||众盈彩合法正规吗。例如是 750*1334|_7kk7小游戏,還是 375*667__|优信彩票正规吗,每個公司設計的基準都不一樣---射雕之乞儿传说,所以設計尺寸並沒有規定隻能用某一個尺寸_|-央视主持人名单,我們在設計時|_诺基亚3110c刷机,使用的 1 倍圖為基準進行設計的|--广西财经学院论坛,基準尺寸為 375*667_|-媚行深宫第二部。

柵格係統||_黄晓明已死 现在是替身,是運用固定的格子設計版麵布局--_芜湖市地税局网上申报,在 UI 設計和前端開發中被廣泛應用的一套體係-_可劲玩神仙道。在設計尺寸中提到柵格係統-|_160彩票软件,是因為現在的設計基本都是一稿適配多端|-攻坚朱诺,而柵格係統能很好的解決這個問題_--新娘无悔的爱第二部。

△ Christie Tang

柵格係統拓展鏈接--|132彩票网是正规平台吗:《看不懂不會用的柵格係統|-掌信彩官网下载,這篇幫你徹底掌握它_|金山游侠2002体验版!》

界麵布局

布局是頁麵構成的前提-|众赢国际是合法的吗,是後續展開交互和視覺設計的基礎_-31选7走势图福建大星彩。設計規範中可以提供常用的布局模板來保證同類產品間的一致性||-马德里公开赛直播,設計者在選擇布局之前__阳光影院网址,需要注意以下幾點原則--360彩票双色球杀号定胆:

  • 明確用戶在此場景中完成的主要任務和需獲取的決策信息--|唐山针灸减肥。
  • 明確決策信息和操作的優先級及內容特點-_英歌海,選擇合理布局|_-钟蕙芝。

△部分布局類型展示

控件規範

控件是指產品界麵中可操作的部件-||东方热线测速,與組件是有一些區別的_--亿彩彩票提现规则。控件翻譯為 Control__酷花网,組件翻譯為 Component|_云顶国际官网客服。

通俗的解釋說法就是組件為多個元素組合而成-__320彩票,控件為單一元素組合而成|-雪碧真我篮球。

常用的 UI 控件(Control)-|_雨露文章:按鈕__198娱乐、輸入框-|-尹斗俊 孙娜恩、下拉列表_|钢铁悍将、下拉菜單_||自由们7 42官方下载、單選框|_-传奇个性行会名字、複選框_|-闵行莘庄公园、選項卡_-|耄耋佳缘、搜索框_|3M彩票首页、分頁_|亿彩彩票客服、切換按鈕投融贷网、步進器|诺基亚序列号查询、進度條|-云鼎捷豹系统、角標等||雍正皇后种田记。

以下列舉一些我們在 APP 設計規範中整理的內容|__刷单导航与点评。

1. 按鈕

按鈕有 5 個狀態--168彩票大小怎么看输赢:正常_|_长治宽带网、點擊|欧式蒙牛奶粉事件、懸停||爱唯侦查发布器、加載--天府新区规划、禁用_-105彩票网站正规吗。需要在規範中分別羅列出這五個狀態-__108娱乐是正规的吗,標注上對應的按鈕填充色|__诛仙飞升任务流程、邊框色___赢彩彩票有人玩吗、圓角值_|_通州尾货市场、按鈕寬度和高度-__金恩荣,按鈕文本大小_||冰火抽油瘦、顏色值__|盈彩在线app是不是真的。如果是圖標按鈕的話|-鹰彩平台,除了上述參數值以外__靓眼网,還需要標注 icon 和按鈕文本之間的間距|-众途汽车行业软件,icon 圖標的大小-|中国领导排名。

2. 輸入框

用於單行信息錄入文字上下居中顯示_||空间留言代码祝福闪字,支持鍵盤錄入和剪切板輸入文本|_河间吧,對特定格式的文本進行處理-_陈俊任:密碼隱藏顯示-_欧布 奥特曼、身份證__睿云网成绩查询 登录、卡號分段顯示|_上海酒吧砍人事件视频,標注寬高-|塔河吧。

3. 選擇

選擇可分為單選與多選_|_盈盈彩源代码,並且也有五種不同狀態-|-众博娱乐平台官网注册:未選擇-|_掌信彩导师、已選中-博客大巴、未選懸停___宋茜微博、已選失效-|-观心者胡戈伦、未選失效項-|该隐打卡修斯。規範中需展示出所有效果狀態|--移动3g网络覆盖查询。

4. 選項卡

用於讓用戶在不同的視圖中進行切換___丝诺萄官网。標簽數量--注册网址需要什么,一般是 2-5 個--保定二手摩托车58;其中__哪有那种电影,標簽中的文案需要精簡||大显手机官方网站,一般是 2-4 個字|-|托儿费。每個標簽所占的寬度可適當調整|_雨小薇。

5. 滑動開關

滑動開關有兩個互斥的選項(例如開/關|__www sonyericsson com、是/否-|-艺术鉴赏论文、啟動/禁止)_-_下载qq2011正式版免费下载,它是用來打開或者關閉選項的控件___众发彩票代打码靠谱吗?。選擇其中一個選項會立即執行操作-亿彩彩票违法吗。

6. 進度條

用於向用戶展示步驟的步數以及當前所處的進程|-长沙市公安局网站。

7. 角標

用於聚合型的消息提示-__1211彩票,一般出現在通知圖標或頭像的右上角---中国主席名单,通過醒目的視覺形式吸引用戶眼球---卓易彩票服务器关闭。

組件規範

常用的 UI 組件(Component)_-qq空间克隆:表格||_索爱595、對話框-|-亿贝平台怎么样安全吗、提示條_-|李俊案、氣泡提示-运盛娱乐网址、日期選擇器-|_现代诗精选、多級選擇器_-公安县人民政府网、標簽輸入框--驿站网络日记本、組合框-_垃圾短信轰炸机、上傳等__-兰州商学院长青学院教务。

△ Ant design 移動組件

在 skecth 中設計時-||许嵩违章动物mv,使用 Symbol 創建的組件|_美眉都给你,在後期整理時_-093彩票网站,可以節省許多的時間-|横扫天下升阶数据。

推薦閱讀|-_160彩票软件:《Sketch 進階教程_--澳门大学内地招生!利用Symbol 建立一套設計規範組件庫|-阳羡茶?》

當然-|宝利格改装卡宴,Figma 也同樣具備這樣的能力||_快乐大本营之棒棒堂,你所創建的組件都存在於 Assets 中__-360双色球精准杀号定胆。

缺省頁麵

  • 空狀態頁麵--36远7走势图:顯示對應的頁麵空狀態的圖標-|_红玖木商城,增加相應的引導按鈕|-_童鞋订货会。
  • 無網絡狀態--|青草色的你:在沒有連接到網絡時的提示頁麵-|黄山电大在线。
  • 404&505頁麵---22彩票官方平台:發生未知錯誤時的頁麵_||阜南教育局。

規範優先級

了解規範的內容有哪些之後--全名英雄辅助,我們需要確認的是規範優先級_-|索爱w750,規範內容龐大複雜001彩票,基礎的-嘟嘟熊动画片全集、必要的_-_苏浩影院、高性價比的放在第一個版本中|-药酒是哪个朝代之后出现的,複雜的往後放-_35彩票注册,隨著產品的迭代_|_注册送300元现金老虎机,規範才會越來越完整_--本溪铁通影院。

一個好的規範應該是高效的-_菲利普斯曲线说明、簡單易懂的--038彩票是国家的吗。具體執行時_-至诚证券,我們應該確保分類合理|-|金华艾克医院院长孙尚见、規範本身保持一致|_易记彩票是什么网站、布局排版易讀_-李晨nic新浪微博,來提升設計師查閱的效率|_魑魅人间道;確保定義清晰_易赢彩票团队、描述準確|_和龙政务信息网、場景完備_-杨幂被灌醉性侵视频,來幫助設計師理解和使用_|2019能用的彩票软件。但值得注意的是-__英国梧桐,設計規範並不是「聖經」--mellow高敏爱,不要因為規範而限製了自己的思維--_天津副区长女儿,當發現規範有問題的時候|-3g彩票网,要及時去修正|诛仙烈山,而不是做了一次之後-|168彩票注册送彩金,一直沿用__苏泊尔电压力锅菜谱,永不修改|_小米盒子越狱教程。

標簽: 設計規範 « 調整瀏覽器分辨率的插件下載方法 | 網格基礎手冊»


訂閱Rss