追求卓越一諾千金

藍藍設計_|易点彩票网专家预测,2011年成立-__重庆艾一若厨卫电器,主創清華團隊|_路克丽丝女裤,專注軟件和互聯網ui設計開發--苯乙烯用途。擅長企業信息化管理|-爱的秘方吻戏、監控-_苏州故事广播、大數據軟件UIUE谘詢和設計開發服務_-|优信彩票怎么样。立足UI|-盈彩公司是什么情况,好好學習_-_高考几天时间,天天進步-||众彩可靠吗!


開發協作-切圖類別與規範

2019-6-16 分享達人 設計管理與成長


如果您想訂閱本博客內容|昆明三夫妻,每天自動發到您的郵箱中-_国产车哪个牌子好, 請點這裏


一個互聯網產品從構思到落地|德州华翔驾校,大致分為以下環節_艾欧纳克斯:


發現商機 - 市場調研 -  頭腦風暴 - 產品策劃/功能設計 - 原型繪製 - 交互設計 - 項目立項 - 流向圖繪製 - UI設計 - 切圖標注 - 技術開發 - 產品測試 - 項目上線


切圖是指在設計稿裏整理出技術開發所需要的素材或圖片可可西男装。


合格的|李韦、嚴謹的切圖可以大大減少技術人員開發返工率|_闪光夫妇为什么下车,減少技術人員的開發工期-意彩娱乐黑钱,提升開發流暢度--澳门惊现神秘女赌神赌场都怕,從而減少項目人力成本--血呷,最終開發出有利於交互_-农牧餐偷匪三合一,擁有良好視覺感的產品-|晶体敌百虫。


切圖標注作為連接UI設計到技術開發兩者的工作模塊-|芷江租房信息,缺其不可_-约彩彩票实名安全吗?。熟悉工具使用-|-亚当夏娃怡情谷、理解設計尺寸與切圖倍數的關係-||qq2011正式版下载,設計師才能在切圖時進行判斷|-佛山缓交:目前的設計稿尺寸與切圖單位是否正確匹配-_易点彩票网专家预测。


一__-105彩票正规吗、切圖標注


如今|||赢发彩票平台,設計切圖插件能夠將設計稿裏所選中的圖層|||2020彩票、圖層組按不同開發規範寬度_铁青旅游,倍數||梦回大唐之萧瑟流光、進行合並裁剪切片_-_国世平本人。與傳統切圖方法“調整圖像尺寸-選中切圖圖層/圖層組-調整畫布尺寸-導出web所用格式”相比-调料蛋,這一係列“動作”被進行了一鍵化處理-|_中央一台直播播放,隻需要在插件中選擇好開發語言_注册公益彩票是真的么、保持文件夾位置便可一鍵標記或導出|漫画大全之恋母性活,極大地減縮了對每一個切圖素材都需要進行一係列繁瑣流程的操作|248彩票网站。


二-虹桥世纪影城、Lanhu插件


藍湖插件在設計稿做切片標記__诺基亚5238刷机,上傳至平台的畫板便帶有切圖下載|_开封广播电视台。



三|||好片地址、Cutterman插件

3種開發語言(iOS---娱乐天地点检安卓系统,Android-|爱好有哪些,Web)-_诺基亚n73主题:根據不同的項目選擇不同的開發語言|--街头篮球葡萄登陆器,下方小箭頭可進行素材輸出“倍數”選擇_--永胜国际app是骗局。


倍數_||陇县关山牧场:插件在導出選中圖層時以“@2x”和“XHDPI”為標準進行對設計稿進行等比放大縮小_--11选5助手苹果版app,如750px寬度的設計稿導出“@3x”和“@1x”時_-360彩票走势图表,導出切圖時會分別放大1.5倍和縮放至0.5倍-_|西本钢铁每日报价,然後進行圖層導出|苍之涛天书。


導出選中圖層-_尚志都市:插件根據已選語言__|二胡几根弦、倍數--可调式电热板,對已選中的所有圖層|__众发彩票网、圖層組進行合並裁剪然後導出|--茅崎爱丽丝。裁剪大小為所有圖層合並後總寬度高度__初中数学教案模板。


固定尺寸|_-广州qq女:插件在導出選中圖層時對已選中的所有圖層|||李晨阳年龄、圖層組進行合並後||_青年宫电影院影讯,再調畫布或者圖像至固定尺寸大小--|衣优库视频,然後進行圖層導出|_收破烂歌词。已選圖層大小〉固定尺寸設定__|我爱你爱的花都谢了,則被調整圖像--沈阳热线宽带测速,素材被壓縮-|149期开什么生肖。已選圖層大小〈固定尺寸設定|永盛彩彩票网靠谱吗,則被調整畫布___闪光夫妇为什么下车,圖層素材大小不變__-轰9,素材尺寸變為固定尺寸大小|_综合素质作文万能开头。



四||大石桥租房网、設計稿尺寸與切圖倍數


UI設計師需要在正確的設計稿尺寸下進行切圖||酷毕犬舍,切圖素材才能正常供給開發人員使用-||盈彩彩票提现不到账。否則產品開發落地後會出現圖標變形_|182彩票,像素低下等情況||-何小萌萌萌。


手機端常用的設計尺寸與它們對應的切圖倍數|-|致青春 台词:


APP-iOS端-|-深喉是什么意思:采用750x1334的來設計-_-易彩官方网下载,@2x切圖直接適配750x1334 分辨率的機型__|众彩国际合法吗,並向上向下適配主流分辨率(@2x/@3x)


設計稿750x1334px——切圖倍數iOS@2x_-去痘无痕,iOS@3x


APP-Android端__四川达州洪水:采用720 x 1280來設計_-阿提查 春那侬,XHDPI切圖直接適配720 x 1280分辨率的機型-|锦州人流,並向上向下適配主流分辨率(XHDPI/XXHDPI)


設計稿720x1280px——切圖倍數XHDPI|_234彩票app可靠吗,XXHDPI


微信小程序(它的單位都是以i6的750px為劃分點)


設計稿750x1334px——切圖倍數png24


手機端網頁|-亿博网赌、公眾號鏈接等(與微信小程序統一使用i6-007a私募内线,方便做單位轉化)


設計稿750x1334px——切圖倍數



五||全民英雄辅助、設計搞尺寸與切圖倍數對應關係


APP-iOS



APP-Android



微信小程序



手機端網頁|_-股市最高点、公眾號鏈接

注意事項


必須要在正確的畫布尺寸上切圖_--古董估价,如不能在750px寬度的設計稿上去切XHDPI|湖北高职高专院校排名,XXHDPI圖_|鸣人堂,必須要在720px上處理XHDPI|-掌上足球app,XXHDPI圖-_九纵新一团。


關於750px設計稿上切@2x奥术扰动,@3x圖時--|自立式压力调节阀,隻要所選圖層是智能對象或者是矢量圖層|-_金立l7,就不用擔心分辨率問題||盈盈彩平台登录。



六__-2017黄播直播app、切圖格式與大小


切圖格式常用PNG|_a型磁性材料卡,這是因為PNG體積小(K值)|_-038彩票官方ios,最大程度減少安裝包大小_-_北华信集团;無損壓縮-_-河南马桶解说,保持素材清晰度--|33选7走势图综合;支持透明效果__17英里ktv团购,隻保留圖層內容本身|-_众彩娱乐app。也是由於PNG圖片的特點|-|6 13固件,給切圖帶來了3個需要注意的知識點-__云顶至尊刑场:


雙數像素切圖|-数控g96:750x1334px與720x1280px的切圖資源大小都必須為雙數像素|-gn基地,才能保證開發時素材被高清顯示__360彩票安全购首页。


實際切圖與展示區域(桌麵圖標)-_众盈彩合法正规吗:桌麵圖標/應用icon會被運用在不同的位置_-|永胜集团是做什么的,比如手機桌麵-洛克王国蕾纳斯,產品平台|_038com彩票官方网,手機係統列表……因此在輸出桌麵圖標切圖素材時--|01彩票官方平台,不需要對桌麵圖標切圖進行圓角處理__|1288彩票平台靠谱吗。


點擊區域大小|_定陶教育信息网:畫布大小≠素材大小-|_金桥一景,一般情況下素材分兩種__中科彩票是合法的吗,裝飾素材與可點擊素材-|长葛市人民法院,裝飾素材直接按圖層貼邊切圖|-海康视频服务器,點擊素材需要考慮點擊區域的位置與大小_|您的淘宝账户未绑定支付宝帐户,適當調整素材的畫布_-亿人娱乐入口,再進行素材切圖-_-夸克电影网。


內存大小_东方证券中签号查询:為了方便用戶再使用產品中快速加載頁麵--_众盈彩,需要對大素材或者圖片進行壓縮||234彩票是黑彩吗,常用的工具有ppduck|_王琳娜博客、熊貓壓圖_|-温雅泡泡染发剂,都是業內較優秀圖片壓縮工具_--保险代理人资格证查询,壓縮出來既保持了清晰度又減小的K值_金山抢票软件。(切圖全靠擼_|众赢彩票的骗局,工具靠百度)



七|_|幼儿教师工作总结、切圖分類




八_||安全性能综合测试仪、CSS盒子模型——多狀態切圖


盒子模型是網頁開發中經常用到的CSS技術思維模型||168彩票手机APP苹果,模型具有內容(content)-|铁耙号入场任务、內邊距(padding)|_-阿凡提返利网、邊框(border)--帕斯卡显卡、外邊距(margin)4個屬性||烟熏枣。所有的控件和信息都需要在每一個盒子裏完成多狀態展示|-_钟舒曼,所以可以先理解工程師們在搭建頁麵時先在頁麵上畫一個又一個的格子(盒子)|234平台怎么样,它們都是矩形格子_-|迅雷电视剧,與我們的切圖矩形相匹配__|昆山花桥开锁,同一種控件的格子大小一摸一樣|-_北京市统计局信息直报网,就像複製粘貼一樣-_鞍山有线。


同一類型的控件與它們所有狀態的切圖都需要統一尺寸|-爱唯侦察论坛地址。




九__-梧州网通露天影院、動效切圖-gif


動效實現原理是由若幹張圖片連續播放|-快乐大本营 棒棒堂,從而形成視覺影像|1号站平台,這若幹張圖片就是需要提供給工程師實現動效的序列切圖|-_众赢国际是个什么平台。




十||最美的时光番外二、切圖命名與分組


命名公式-农牧盗匪:


位置_類別_描述_狀態.png


如_-耐美金:導航_按鈕_搜索_默認.png

Example: nav_button_search_default.png



切圖命名禁忌

1. 不可出現中文

2. 不可出現英文字母大寫

3. 不可出現空格鍵

4.不可用“-”符合|倚天2龙驹,例如不可button-search|佛山缓交。正確為button_search



切圖命名英文縮寫

1. 較短的單詞可通過去掉“元音”形成縮寫

2. 較長的單詞可取單詞的頭部幾個字母形成縮寫--支付宝元宵理财,如normal可寫成nor

3. 還有一些約定俗成的英文單詞縮寫-|-闽江学院教务管理系统,如background可寫成bg



類別命名

按鈕|_艾儿妈妈:btn_xxx.png

圖標-_重生洪荒之逍遥至尊:icon_xxx.png

圖片|-1rdt军海:pic_xxx.png或是img_xxx.png

照片-铁耙号入场任务:pho_xxx.png



常用狀態

正常_-|门头沟歌华有线电话:normal

按下||云发购彩票是真的吗:pressed

選中|--小吃作文:selected

禁用_--梁伟发简历:disabled

已訪問|||柳州音乐网:visited

懸停--致吸血鬼的五曲:hover



切圖分組

項目-開發語言-日期

xxxAPP-iOS-2020.20.20

iOS国世平本人新浪博客:@2/@3切圖一起放

xxxAPP-Android-2020.20.20

Android-_|云顶国际登录:每個尺寸分開單獨放



十一_南通汇通人才、項目切圖模擬

案例一



切哪裏-|柳岩绷带?(粉紅色遮罩為切圖標注)


案例二


切哪裏-||美视佳?(粉紅色遮罩為切圖標注)


案例三


切哪裏|_|h bl?(粉紅色遮罩為切圖標注)


藍藍設計www.jwrumpff.com )是一家專注而深入的界麵設計公司-_安全性能综合测试仪,為期望卓越的國內外企業提供卓越的UI界麵設計--我是歌手12期完整版、BS界麵設計 _||公安部2002年春节晚会、 cs界麵設計 -智博彩票线路检测、 ipad界麵設計 -致富彩app、 包裝設計 |阳新县邮编、 圖標定製 -|掌上足球彩票、 用戶體驗 |_|1号彩票网址、交互設計-__陈奎元、 網站建設 |-|038彩票怎么样、平麵設計服務-_计算机一级试题。



標簽: 開發協作 « 美團為何一夜之間變“黃”了-|_众发彩票计划群? | 淺談高質量的Banner設計»


訂閱Rss