秒速赛车助手下载

首頁 ?/? 文章 ?/? 設計教程  /  正文

設計教程

干貨:幫你從零開始學會用Sketch做設計規范(一)

時間:2019-12-14  來源:酒夏公眾號

互聯網產品設計通常需要一個團隊多個設計師協同完成,那么在大型項目中如何讓各位設計師協作的更高效,設計的輸出質量更好,體驗更一致呢?這是我們想要解決的問題。那么通過 sketch 這個設計工作軟件,從工作協同和產品產出質量兩個關鍵問題都能很好的解決。

sketch功能介紹

sketch ZHONGDE Symbols HE Library JIUSHIWEISHEJIXITONGERSHENG,SHOUXIANWOMENXIANJIESHAOXIAZHE 2 GEGONGNENG。

1. 組件(Symbols)

定義

symbols 在功能上也被稱為符號,在設計規范秒速赛车助手下载中被稱為組件。作為保存和復用設計元素的一種方法來加快工作流程,提高效率。

秒速赛车助手下载DANGZUJIANBEIXIUGAISHI,TAYEHUITONGBUXIUGAIDAOSUOYOUSHIYONGZHEGEZUJIANDEYEMIAN。ZAITUCENGMIANBANZHONG,YONGZHEGEZISETUBIAOLAIBIAOSHIZUJIAN。

創建組件

NINKEYITONGGUOXUANZETUCENG,DIANJIGONGJULANZHONGDE「CHUANGJIANZUJIAN」LAIJINXINGCHUANGJIAN。HUOZHEZAICAIDANZHONGXUANZE「 TUCENG›CHUANGJIANFUHAO 」。

秒速赛车助手下载CHUANGJIANFUHAOSHI,HUITONGSHICHANSHENGYIGEMUBANHEYIGESHILI。SHILIKEZAIBUTONGYEMIANZHONGDUOGEZHANSHI,ERMUBANZHIYOUYIGE。XIUGAIMUBANDENEIRONGYIHOUSUOYOUSHILIDENEIRONGYEYIBINGXIUGAI。

ZAICHUANGJIANZUJIANDEDANCENGYOUFASONGZUJIANDAO「ZUJIAN」YEMIANDEXUANXIANG,DANGNINGOUXUANLECIXUANXIANG,CHUANGJIANDEZUJIANHUIZAI「ZUJIAN」YEMIANSHENGCHENGYIGEMUBAN:

RUNINWEIGOUXUAN,NEIMEJIANGHUIZAIDANGQIANMIANBANYOUBIANSHENGCHENGYIGEMUBAN。RUXIATUSUOSHI:

△ ZUJIANFANHUIDAOTUCENG

ZUJIANMUBANFANHUIDAOTUCENG,DIANJITUCENGMIANBANZHONGDAOZUJIANMIANBAN,XUANZE「TUCENG-ZHUANHUAZUJIANWEIHUABAN」,YUZHIXIANGGUANDESUOYOUSHILIDOUJIANGCHENGWEIZU,ERBIANJIMUBANJIANGBUZAIGENGGAIZHEXIESHILI。

JIANGSHILIFANHUIDAOTUCENG,FANGSHIYI,Ctrl+DIANJITUCENG(XIANGDANGYUYOUJIANCAOZUO),XUANZEJIANGZUJIANFANHUIDAOTUCENG;FANGSHIER,JIANCHAQIZHONGXUANZE「FENLI」。FENLIYIHOUZUJIANFANHUIDAOTUCENG,JIANGBUHUISHOUDAOMUBANGENGGAIDEYINGXIANG。

△ TUCENGTIHUANZUJIAN

秒速赛车助手下载XUANZHONGTUCENGYIHOU,KEYOUJIANXUANZE「 TIHUANWEI」,RANHOUXUANZE「ZUJIAN」。NINXUANZEDEFUHAOJIANGDIAOZHENGDAXIAOYISHIHETUCENGDEDAXIAO。

插入組件

DANGNINCHUANGJIANLEZUJIANYIHOU,RUHEZAIHUABANZHONGCHARUZUJIANNI,YOU 3 ZHONGFANGSHI。

DIYIZHONG,KEYITONGGUODANJIZUOCE「TUCENGLIEBIAO」DINGBUDE「 ZUJIANMIANBAN」,ZAITONGGUO「ZUJIANMIANBAN」XIAMIANDELIEBIAOXUANZEZUJIAN,ZHIJIETUOZHUAIJIKE。「TUCENG」HE「ZUJIAN」MIANBANQIEHUANKUAIJIEJIAN:Ctrl+1,Ctrl+2。

秒速赛车助手下载DIERZHONG,ZAI「ZUJIAN」MIANBANZUIXIAFANGDESOUSUOKUANG,SHURUZUJIANMINGCHENGJINXINGKUAISUSOUSUO,ZHIJIETUORUWENJIANZHONGJIKE。

DISANZHONG,ZAIGONGJULAN,「ZHIRU」XUANXIANGXUANZEZUJIANJIKE。

編輯組件

BIANJIMUBAN:XUANZEZUJIANHOUSHUANGJIJINRUDAOMUBAN。NINDUIMUBANSUOZUODERENHEBIANJIDOUHUITONGBUDAONINSHEJIZHONGDERENHESHILI。JINXINGGENGGAIHOU,QINGXUANZE「 FANHUISHILI」YIFANHUIDAOSHILI,BINGCHAKANNINDEGENGGAISHIRUHETONGBUDE。

BIANJISHILI:sketch YOUBIANDEJIANCHAQI(Inspector)KETIHUANWENZI,TUPIAN,YANSEDENGSHUXINGNEIRONG。

替換組件

  1. 選擇實例以后,在檢查器的下拉菜單中可查看其他組件進行替換。
  2. 按住 Control 鍵并單擊待替換的圖層,選擇「替換為」可選擇組件。

管理組件

ZUJIANMINGMINGDESHIHOUSHIYONGXIEGANG「 / 」,sketch HUIZIDONGSHIBIEWEIZUJIANZU。LIRU,ANNIUDEMINGMING, Button / Normal HE Button / Pressed LIANGGEZUJIANJIANGGONGTONGCHENGZUZAIMINGWEI Button DEZICAIDANXIA。

ZHUYI:ZUZHONGBIXUYOULIANGGEHUODUOGEFUHAO,TAMENCAIHUICHUXIANZAIZIJIDEZICAIDANZHONG。

秒速赛车助手下载TONGGUO「ZUJIAN」MIANBANLAIZUZHIZUJIAN,QIEHUANDAO「ZUJIAN」MIANBANZHIXIA,KEDUIZUJIANJINXINGZHONGXINMINGMING,SHUNXUDIAOZHENGDENGCAOZUO。

秒速赛车助手下载「ZUJIAN」YEMIANJINXINGZHENGLI。JIANGMUBANDOUFASONGZHI「ZUJIAN」YEMIAN,KEZAITUCENGMIANBANZHONGDE「ZUJIAN」YEMIANDUISUOYOUZUJIANJINXINGPAIBANHEDIAOZHENG。

嵌套組件

QIANTAOZUJIAN,ZHIDESHIKEJIANGSHILITUCENGFANGZHIZAIRENHEQITAZUJIANDEMUBANHUABANZHONG。QIANTAOZUJIANDUIGESHUMEIYOUXIANZHI,BINGQIEQIANTAOZUJIANYEYONGYOUZUJIANDESUOYOUSHUXING。

BIRUYIXIAZHEGEANLI,ZAI icon ZHONGQIANTAOLEYANSEZUJIAN,ZAIYOUCEFUGAICENGJIKELINGHUOGENGGAIYANSEZUJIANBUFEN。

2. 智能布局與組件

設置智能布局屬性

秒速赛车助手下载ZHINENGBUJUHUIBAOCHIZUJIANZHONGGECENGZHIJIANDETIANCHONGHEJIANJU。DANGZUJIANSHEZHICHENGZHINENGBUJUYIHOU,GENGGAIZUJIANZHONGDETIDAIJIANGZIDONGDIAOZHENGQIDAXIAO。DUIYUZHINENGBUJUZAIZUJIANSHANGDEYINGYONG,KETONGGUOYIXIAANLILAIXINGXIANGSHUOMING。

秒速赛车助手下载DUIZUJIANJINXINGZHINENGBUJUDESHEDINGYOULIANGZHONGFANGSHI,DIYIZHONGSHIZAICHUANGJIANZUJIANDESHIHOU,sketch60 BANBENJIYISHANG,XINZENGDESHEZHIRUKOU;DIERZHONGFANGSHISHIJINRUMUBAN,ZAIJIANCHAQIDEFUGAICENGJINXINGZHINENGBUJUDESHEZHI。

秒速赛车助手下载DANGNISHEZHILEMUBANDEZHINENGBUJU,SHILIZHANXIANKENENGBUTAIZHENGQUE,ZHESHIHOUNIKEYIDIANJI「SHOUSUOSHILILAISHIYINGNEIRONG」ANNIU,LAIGENGXINNIDEXIUGAI。

多個組件的智能布局

DANGNIXUYAOZAIYIGEKAPIAN,HUOZHEYEMIANZHONGDUIDUOGEZUJIANJINXINGZHINENGBUJUSHI,KEYIJIANGBUJUYINGYONGZAIMOKUAIZHONGDEBUTONGZUJIANZU。YISHIBUTONGDETUCENGZUZAIBUTONGDEFANGXIANGSHANGDIAOZHENGBUJU。

秒速赛车助手下载KONGYEMIANDEKAPIANSHEZHILECONGSHANGWANGXIADEBUJU,ANNIUSHEZHILECONGZHONGJIANWANGLIANGBIANDUIQIDEBUJU

3. 庫(Libraries)

秒速赛车助手下载KUSHIDAIYOUGEZHONGZUJIANDE sketch WENDANG,TONGGUOKUSHEJISHIKEYIKUAWENDANGGONGXIANGZUJIANHEYANGSHI,BINGBAOCHITONGBUGENGXIN。ZAITUANDUIZHONGSHIYONGZUJIANKU,KEQUEBAOMEIGERENDEWENDANGTONGBUSHIYONGZUIXINSHEJIYANGSHI,BINGQIETONGGUOZUJIANFENLIGONGNENGYEKEDANDUDUIYANGSHIJINXINGDIAOZHENG。FEICHANGLIYUTUANDUIXIEZUO。

添加組件庫

NIKEYITONGGUO sketch-SHOUXUANXIANG-TIANJIAZUJIANKUDUILUJINGJINXINGTIANJIA,YEKETONGGUOKUAIJIEJIAN(command+,)KUAISUJINRUSHOUXUANXIANGJIEMIAN。

共享組件庫

KEYIHETONGSHI,TUANDUICHENGYUANGONGXIANGSHEJIZUJIANKU,XUYAOJIANGZUJIANKUWENJIANSHANGCHUANZHIBENDIFUWUQI、YUNFUWUDUANDENG。

  • 使用云服務(例如 Dropbox 或 Google 云端硬盤)等。
  • 使用 Sketch Cloud 共享。

SHIYONG Sketch Cloud LAIGONGXIANGZIYUANKU。ZHIXUYAONINJIANGWENJIANSHANGCHUANZHI Sketch Cloud,BINGQIEJIANGWENJIANSHEZHIWEI「YONGZUOKU」JIKE。QITACHENGYUANKETONGGUOXIAZAIWENJIANLAIJINXINGGONGXIANG。

組件庫中的組件

秒速赛车助手下载TIANJIAZUJIANKUYIHOU,ZUJIANKUJIANGHUIZAI「ZUJIAN」MIANBANZHONGZHANXIANKU,ZHIJIETUOZHUAIKUZHONGDEZUJIANJIKESHIYONG。ZUJIANKUBAOHANHEDANDUZUJIANQUANBUSHUXINGTEZHENG。

秒速赛车助手下载DANGZUJIANKUYOUGENGXINSHI,sketch YEHUIJIESHOUDAOGENGXINBINGQIEZAIYOUSHANGJIAOZUOTISHI,SHEJISHIKEXUANZESHIFOUGENGXIN。

4. 手把手實例

構建顏色庫

秒速赛车助手下载JIEXIALAIWOMENLAISHOUBASHOUCAOZUOYIXIAZUIJIANDANZUJIANKUDEJIANLI。YANSEKUDEJIANLIYOUYIXIAJIGEBUZOU:

  1. 建立 sketch 文檔
  2. 建立顏色組件
  3. 導入其他文檔中使用顏色庫

SHOUXIAN,YANSEDEMINGMING,KEGENJUYANSE/SEXIANG/QIANGDUDEZHANSHIFANGSHILAIMINGMING,SEXIANGQUFENBUTONGDEYANSE,ERQIANGDUYEKEYIDUIDIAOSEBANSHANGBUTONGYANSEDEJIECENGJINXINGQUFEN。

秒速赛车助手下载JIEXIALAIZAIZUJIANGOUJIANWANCHENGHOU,BAOCHIWEIZUJIANWENDANG,QIANRU sketch DEKU,ZAIDAKAIQITAWENDANGDESHIHOUJIUKEYIZAI「ZUJIAN」MIANBANZHONGZHAODAOZHEGEKU,ZHIJIETUOZHUAISHIYONG。

構建圖標庫

ZUJIANZHONGDEKONGJIANJIBIETUBIAOYESHIZUICHUJIDEZUJIANKU,JIANLIDEGUOCHENGHEYANSEKONGJIANYIYANG,BINGQIEKEYIJIANGYANSEZUJIANQIANTAOJINRUTUBIAO,ZHEYANGTUBIAOKESHIYONGYANSEKUZHONGDESUOYOUYANSE。

JIANLITUBIAOKUDEBUZOU:

DIYIBU,XINJIANWENJIAN

秒速赛车助手下载ZAIFANGZHITONGGEXIANGMUDEYANSEKUDEWENJIANXIAXINJIANTUBIAO sketch WENJIAN。WENJIANDEMINGMINGSHANGKETONGYI:XIANGMU/ZUJIANKU

DIERBU,XINJIANTUBIAO

TUBIAODEMINGMING,KECANKAORUXIA:TUBIAO/SHUXING/ZUOYONG,BIRUJIANLIDANGE 44*44 CHICUNDEHUABAN,FANGZHITUBIAO,BINGQIEZAITUBIAOXIAFANGFANGZHIHEHUABANTONGYANGCHICUNDETOUMINGRONGQI,RANHOUCHARUYANSEKUZHONGDEYANSEKONGJIAN。

ZHUYIXIJIE

YANSEZUJIANDETUBIAOSHIGEZISEDELIANJIEFUHAO,SHUOMINGCIZUJIANLAIZIWAIBUWENJIAN。CIZUJIANKEYIZAIYOUBIANDEJIANCHAQIZHONGXUANZEBUTONGDEFANGSHIJINXINGBIANJI。

秒速赛车助手下载DISANBU:ZAIKUZHONGTIANJIACIZUJIANKU

秒速赛车助手下载CIBUZOUHETIANJIAYANSEKUDEBUZOUYIZHI,TIANJIAWANCHENGYIHOUJIKEZAIZUJIANZHONGTUOZHUAITUBIAOJIKESHIYONG。

總結

sketch 構建設計規范秒速赛车助手下载的教程第一部分內容整理框架如下:

DIERBUFENJIANGZHONGDIANJIESHAOYOUJICHUZUJIANKUGOUJIANDEGENGFUZADESHEJIXITONG。JINGQINGQIDAI~

HUANYINGGUANZHUZUOZHEDEWEIXINGONGZHONGHAO:「JIUXIA」

特別說明:本站所收集的素材版權歸原作者所有,在此僅供學習參考,請勿用于任何商業用途!

掃一掃加公眾號(uibaba)