Posted 闈炵鐝璁?/a> 浜旀
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了相关的知识，希望对你有一定的参考价值。
骞虫椂澶у鍦ㄧ敤 Sketch 鍋氳璁℃椂锛屼即闅忕潃椤圭洰鐨勫紑灞曪紝浼氫骇鐢熷緢澶氱殑瀛椾綋鏍峰紡锛屽爢绉埌鏈€鍚庨毦浠ョ鐞嗐€備絾 Sketch 鐨勫紑鍙戣€呮棭灏辨枡鍒拌繖涓棶棰橈紝骞剁粰鍑?shared text 浣滀负瑙ｅ喅鏈哄埗銆傛湰绡囨暀绋嬪皢鎵嬫妸鎵嬪甫澶у鍒朵綔涓€涓畝鍗曠殑瀛椾綋鏍峰紡搴撱€?/p>
馃摃闃呰淇℃伅锛?/h2>
闃呰鏃堕棿锛氱害8鍒嗛挓
娴侀噺棰勪及锛?8MB
鎿嶄綔鏃堕棿锛氱害40鍒嗛挓
鐩稿叧鏁欑▼锛?nbsp;|
馃崝鏁堟灉棰勮锛?/h2>
闃呰鏃堕棿锛氱害8鍒嗛挓
娴侀噺棰勪及锛?8MB
鎿嶄綔鏃堕棿锛氱害40鍒嗛挓
鐩稿叧鏁欑▼锛?nbsp;|
馃寱绗竴姝ワ紝璁捐瀛椾綋鏍峰紡搴?/span>锛?/h2>
棣栧厛闇€瑕佹槑纭綘鐨勭洰鐨勶紝涓洪」鐩鎵惧悎閫傜殑瀛椾綋锛屾瘮濡備綘鏄鍋氬浼犳捣鎶ワ紝杩樻槸瑕佸仛缃戦〉銆傛槑纭綘鐨勭洰鏍囩敤鎴凤紝姣斿浣犳槸闈㈠悜鍎跨锛岃繕鏄柊娼殑闈掑勾锛屼害鎴栬€呯櫧棰嗐€?/p>
鐒跺悗闇€瑕佽璁′竴绯诲垪鍚堥€傜殑瀛楀彿锛岃繖閲屾帹鑽愮粰澶у涓€涓鍣?nbsp;Modular Scale銆傚湪杩欓噷澶у鍙互閫夋嫨鍚堥€傜殑姣斾緥涓庡熀搴曪紝鐒跺悗鐢熸垚涓€绯诲垪瀛楀彿銆?/p>
寰堝浜у搧閮芥湁鑷繁鐨勫瓧浣撴牱寮忚鑼冿紝鏀惧嚑涓煂扮粰澶у鍋氬弬鑰冿細
Typography - Style
Human Interface Guidelines
Clarity Design
馃寲绗簩姝ワ紝鍒朵綔瀛椾綋鏍峰紡搴?/span>锛?/h2>
棣栧厛锛屾牴鎹涓€姝ラ噷璁捐濂界殑瀛椾綋鏍峰紡搴擄紝鎶婁笉鍚岀殑瀛楀彿缃楀垪鍑烘潵锛屽苟灏嗗唴瀹规洿鏀逛负璇ュ瓧鍙风殑鐢ㄩ€斻€?/p>
鐒跺悗灏嗚繖浜涘瓧鍙锋墦鍖呮垚缁勶紝澶嶅埗鎴愪负涓夊垪锛屽苟璁剧疆濂戒笁绉嶅榻愭柟寮忋€?/p>
tip锛氳繖閲屽彲浠ラ€変腑鍒嗙粍鍚庯紝鍦ㄥ彸鎿嶄綔鏉垮嬀閫夈€孲elect group鈥檚 content on click銆嶏紝鍗冲彲鍍忕瑪鑰呬竴鏍风洿鎺ュ湪鐢绘澘涓婃閫夊璞°€?/p>
鏈€鍚庢垜浠缃嚑涓父鐢ㄧ殑鏂囧瓧鑹插€硷紝鏁翠釜瀛椾綋鏍峰紡搴撳氨鍒朵綔瀹屾瘯浜嗐€?/p>
馃寳绗笁姝ワ紝瀵瑰瓧浣撴牱寮忚繘琛屽懡鍚?/span>锛?/h2>
鍥犱负绗旇€呭湪鍋氳璁℃椂锛屽父鏍规嵁鐢ㄩ€旀潵瑙勫畾瀛楀彿锛岀劧鍚庤瀹氳壊鍊硷紝鑰屽榻愬苟娌℃湁閭ｄ箞閲嶈锛屽洜姝ょ‘瀹氭牸寮忎负銆岀敤閫?鑹插€?瀵归綈銆嶃€?/p>
tip锛氥€?銆嶅湪 Sketch 涓彲浠ョ敤鏉ヨ嚜鍔ㄥ垎缁勩€?/p>
鎴戜滑闇€瑕佽涓€涓彃浠讹細Update Text Layer Name锛岀敤杩欎釜鎻掍欢鍙互璁╂枃瀛楀浘灞傜殑鍥惧眰鍚嶇О鍜屽唴瀹逛竴鑷淬€?/p>
tip锛氬彲浠ラ€氳繃 Sketch 鎻掍欢 Runner 涓殑 install 瀹夎锛屼篃鍙互鍦ㄥ畼缃戠殑鎻掍欢搴撻噷瀵绘壘璇ユ彃浠惰繘琛屽畨瑁呫€?/p>
浣跨敤涓婇潰瀹夎鐨勬彃浠跺畬鎴愬懡鍚嶆牸寮忛噷鐨勩€岀敤閫斻€嶅懡鍚嶃€?/p>
tip锛氬湪鍛藉悕銆岀敤閫斻€嶇殑鏃跺€欙紝寤鸿鍦ㄥ墠闈㈠姞涓婅嫳鏂囧皬鍐欏瓧姣嶅簭鍙凤紝杩欐牱鍦ㄦ樉绀虹殑鏃跺€欏氨浼氭寜椤哄簭鎺掑垪銆?/p>
鐒跺悗锛屾垜浠渶瑕佸畨瑁呯浜屼釜鎻掍欢锛歊ename It锛岀敤杩欎釜鎻掍欢缁欐枃瀛楀浘灞傝繘琛岃繘涓€姝ュ懡鍚嶅鐞嗐€?/p>
鎸夌収鍥句腑鎿嶄綔锛屽苟琛ラ綈鍥句腑鐪佸幓鐨勯噸澶嶆搷浣滈儴鍒嗭紝瀹屾垚鍛藉悕鏍煎紡閲岀殑銆岃壊鍊笺€嶅拰銆屽榻愩€嶃€?/p>
褰撶劧锛岀涓夋鍜岀浜屾鍙互绌挎彃杩涜锛屼絾鏄繖鏍锋瘮杈冪粫鑴戝瓙锛屼笉鏂逛究鍒朵綔鏁欑▼銆傜悊瑙ｄ簡鍘熺悊鐨勫悓瀛﹀彲浠ヨ竟鍒朵綔鏍峰紡搴撹竟鍛藉悕锛屾彁鍗囨晥鐜囥€?/p>
tip锛氬湪鍛藉悕銆岃壊鍊笺€嶇殑鏃跺€欏缓璁湪鍓嶉潰娣诲姞鈥溾椉锔庘€滐紝Sketch 鍦ㄦ樉绀哄叡浜枃瀛楁牱寮忔椂鍙互棰勮棰滆壊锛屾坊鍔犺繖涓疄蹇冩柟鍧楀彲浠ユ柟渚夸娇鐢ㄨ€呭揩閫熻瘑鍒鑹层€?/p>
馃寴绗洓姝ワ紝褰曞叆瀛椾綋鏍峰紡锛?/h2>
鎵撴壂骞插噣灞嬪瓙鍐嶈瀹€?
鍦ㄥ綍鍏ユ垜浠暣鐞嗗ソ鐨勫瓧浣撴牱寮忓墠锛屽厛鎶婂師鏉ユ枃浠朵腑涔变竷鍏碂鐨勫叡浜瓧浣撴牱寮忔竻绌恒€?/p>
杩欓噷鎴戜滑闇€瑕佸畨瑁呯涓変釜鎻掍欢锛歋tyles Generator锛岃繖涓彃浠跺彲浠ュ皢浣犻€夋嫨鐨勬墍鏈夋枃瀛楁牱寮忔寜姣忎釜鏍峰紡鐢熸垚鍏变韩鏍峰紡銆傝€屽湪 Sketch 涓€夋嫨鎵€鏈夊浘灞傚悗浣跨敤鐢熸垚鍏变韩鏍峰紡鍔熻兘锛屽彧浼氱敓鎴愪竴涓牱寮忋€?/p>
濡傚浘鎵€绀猴紝浣跨敤鎻掍欢褰曞叆鍒朵綔濂界殑鍏变韩鏂囧瓧鏍峰紡銆傝繖鏍锋垜浠氨澶у姛鍛婃垚浜嗐€?/p>
馃寫绗簲姝ワ紝鍜屽洟闃熷叡浜瓧浣撴牱寮?/span>锛?/h2>
浜叉祴 library 鏃犳晥锛屽彧濂介噰鐢ㄤ竴涓◢寰鎷欑殑鏂瑰紡锛岄鍏堝瓨鍌ㄤ负 template 鏂囦欢銆?/p>
杩欐牱鍋氬洟闃熷叡浜殑缂虹偣鏄竴鏃︽枃瀛楁牱寮忓簱鏈夊彉鍔紝缁勫憳鐨?Sketch 鏃犳硶瀹炴椂寰楀埌鏇存柊锛屽繀椤讳粠 template 鏂板缓鏂囦欢锛屽苟鍓垏瀛椾綋鏍峰紡搴撹繘鑷繁鐨勬枃浠惰鐩栨浛鎹€?/p>
馃構鏂囩珷鎬荤粨锛?/h2>
鍒朵綔涓€涓叡浜瓧浣撴牱寮忓簱锛屾湁鍔╀簬瑙勮寖鍥㈤槦鐨勮璁¤緭鍑猴紝涔熻兘鎻愬崌璁捐甯堜釜浜虹殑杈撳嚭鏁堢巼銆傜瑪鑰呭湪鏁欑▼寮€濮嬫椂缁欑殑鏁欏璧勬枡涓湁涓€涓畬鏁寸殑鍏变韩瀛椾綋鏍峰紡搴擄紝闇€瑕佸畨瑁呭帇缂╁寘涓殑瀛椾綋鎵嶈兘浣跨敤銆傚湪鎴戠粰鍑虹殑鏍峰紡搴撻噷锛岄鐣欎簡鍑犳爮鑷畾涔夎壊鍊肩殑绌轰綅锛屽苟娣诲姞浜嗚鏄庛€傛湁鑰愬績鐨勫悓瀛﹀彲浠ユ墦寮€鏉ユ參鎱㈢悽纾ㄣ€?/p>
馃摚鎵╁睍闃呰锛?/h2>
Sketch 鎻掍欢锛?nbsp;| |
Graffle 鏁欑▼锛?/span> |
馃檹鎰熻阿闃呰锛?/span>
以上是关于的主要内容，如果未能解决你的问题，请参考以下文章
棣栧厛闇€瑕佹槑纭綘鐨勭洰鐨勶紝涓洪」鐩鎵惧悎閫傜殑瀛椾綋锛屾瘮濡備綘鏄鍋氬浼犳捣鎶ワ紝杩樻槸瑕佸仛缃戦〉銆傛槑纭綘鐨勭洰鏍囩敤鎴凤紝姣斿浣犳槸闈㈠悜鍎跨锛岃繕鏄柊娼殑闈掑勾锛屼害鎴栬€呯櫧棰嗐€?/p>
鐒跺悗闇€瑕佽璁′竴绯诲垪鍚堥€傜殑瀛楀彿锛岃繖閲屾帹鑽愮粰澶у涓€涓鍣?nbsp;Modular Scale銆傚湪杩欓噷澶у鍙互閫夋嫨鍚堥€傜殑姣斾緥涓庡熀搴曪紝鐒跺悗鐢熸垚涓€绯诲垪瀛楀彿銆?/p>
Typography - Style
Human Interface Guidelines
Clarity Design
棣栧厛锛屾牴鎹涓€姝ラ噷璁捐濂界殑瀛椾綋鏍峰紡搴擄紝鎶婁笉鍚岀殑瀛楀彿缃楀垪鍑烘潵锛屽苟灏嗗唴瀹规洿鏀逛负璇ュ瓧鍙风殑鐢ㄩ€斻€?/p>
鐒跺悗灏嗚繖浜涘瓧鍙锋墦鍖呮垚缁勶紝澶嶅埗鎴愪负涓夊垪锛屽苟璁剧疆濂戒笁绉嶅榻愭柟寮忋€?/p>
tip锛氳繖閲屽彲浠ラ€変腑鍒嗙粍鍚庯紝鍦ㄥ彸鎿嶄綔鏉垮嬀閫夈€孲elect group鈥檚 content on click銆嶏紝鍗冲彲鍍忕瑪鑰呬竴鏍风洿鎺ュ湪鐢绘澘涓婃閫夊璞°€?/p>
鏈€鍚庢垜浠缃嚑涓父鐢ㄧ殑鏂囧瓧鑹插€硷紝鏁翠釜瀛椾綋鏍峰紡搴撳氨鍒朵綔瀹屾瘯浜嗐€?/p>
馃寳绗笁姝ワ紝瀵瑰瓧浣撴牱寮忚繘琛屽懡鍚?/span>锛?/h2>
鍥犱负绗旇€呭湪鍋氳璁℃椂锛屽父鏍规嵁鐢ㄩ€旀潵瑙勫畾瀛楀彿锛岀劧鍚庤瀹氳壊鍊硷紝鑰屽榻愬苟娌℃湁閭ｄ箞閲嶈锛屽洜姝ょ‘瀹氭牸寮忎负銆岀敤閫?鑹插€?瀵归綈銆嶃€?/p>
tip锛氥€?銆嶅湪 Sketch 涓彲浠ョ敤鏉ヨ嚜鍔ㄥ垎缁勩€?/p>
鎴戜滑闇€瑕佽涓€涓彃浠讹細Update Text Layer Name锛岀敤杩欎釜鎻掍欢鍙互璁╂枃瀛楀浘灞傜殑鍥惧眰鍚嶇О鍜屽唴瀹逛竴鑷淬€?/p>
tip锛氬彲浠ラ€氳繃 Sketch 鎻掍欢 Runner 涓殑 install 瀹夎锛屼篃鍙互鍦ㄥ畼缃戠殑鎻掍欢搴撻噷瀵绘壘璇ユ彃浠惰繘琛屽畨瑁呫€?/p>
浣跨敤涓婇潰瀹夎鐨勬彃浠跺畬鎴愬懡鍚嶆牸寮忛噷鐨勩€岀敤閫斻€嶅懡鍚嶃€?/p>
tip锛氬湪鍛藉悕銆岀敤閫斻€嶇殑鏃跺€欙紝寤鸿鍦ㄥ墠闈㈠姞涓婅嫳鏂囧皬鍐欏瓧姣嶅簭鍙凤紝杩欐牱鍦ㄦ樉绀虹殑鏃跺€欏氨浼氭寜椤哄簭鎺掑垪銆?/p>
鐒跺悗锛屾垜浠渶瑕佸畨瑁呯浜屼釜鎻掍欢锛歊ename It锛岀敤杩欎釜鎻掍欢缁欐枃瀛楀浘灞傝繘琛岃繘涓€姝ュ懡鍚嶅鐞嗐€?/p>
鎸夌収鍥句腑鎿嶄綔锛屽苟琛ラ綈鍥句腑鐪佸幓鐨勯噸澶嶆搷浣滈儴鍒嗭紝瀹屾垚鍛藉悕鏍煎紡閲岀殑銆岃壊鍊笺€嶅拰銆屽榻愩€嶃€?/p>
褰撶劧锛岀涓夋鍜岀浜屾鍙互绌挎彃杩涜锛屼絾鏄繖鏍锋瘮杈冪粫鑴戝瓙锛屼笉鏂逛究鍒朵綔鏁欑▼銆傜悊瑙ｄ簡鍘熺悊鐨勫悓瀛﹀彲浠ヨ竟鍒朵綔鏍峰紡搴撹竟鍛藉悕锛屾彁鍗囨晥鐜囥€?/p>
tip锛氬湪鍛藉悕銆岃壊鍊笺€嶇殑鏃跺€欏缓璁湪鍓嶉潰娣诲姞鈥溾椉锔庘€滐紝Sketch 鍦ㄦ樉绀哄叡浜枃瀛楁牱寮忔椂鍙互棰勮棰滆壊锛屾坊鍔犺繖涓疄蹇冩柟鍧楀彲浠ユ柟渚夸娇鐢ㄨ€呭揩閫熻瘑鍒鑹层€?/p>
馃寴绗洓姝ワ紝褰曞叆瀛椾綋鏍峰紡锛?/h2>
鎵撴壂骞插噣灞嬪瓙鍐嶈瀹€?
鍦ㄥ綍鍏ユ垜浠暣鐞嗗ソ鐨勫瓧浣撴牱寮忓墠锛屽厛鎶婂師鏉ユ枃浠朵腑涔变竷鍏碂鐨勫叡浜瓧浣撴牱寮忔竻绌恒€?/p>
杩欓噷鎴戜滑闇€瑕佸畨瑁呯涓変釜鎻掍欢锛歋tyles Generator锛岃繖涓彃浠跺彲浠ュ皢浣犻€夋嫨鐨勬墍鏈夋枃瀛楁牱寮忔寜姣忎釜鏍峰紡鐢熸垚鍏变韩鏍峰紡銆傝€屽湪 Sketch 涓€夋嫨鎵€鏈夊浘灞傚悗浣跨敤鐢熸垚鍏变韩鏍峰紡鍔熻兘锛屽彧浼氱敓鎴愪竴涓牱寮忋€?/p>
濡傚浘鎵€绀猴紝浣跨敤鎻掍欢褰曞叆鍒朵綔濂界殑鍏变韩鏂囧瓧鏍峰紡銆傝繖鏍锋垜浠氨澶у姛鍛婃垚浜嗐€?/p>
馃寫绗簲姝ワ紝鍜屽洟闃熷叡浜瓧浣撴牱寮?/span>锛?/h2>
浜叉祴 library 鏃犳晥锛屽彧濂介噰鐢ㄤ竴涓◢寰鎷欑殑鏂瑰紡锛岄鍏堝瓨鍌ㄤ负 template 鏂囦欢銆?/p>
杩欐牱鍋氬洟闃熷叡浜殑缂虹偣鏄竴鏃︽枃瀛楁牱寮忓簱鏈夊彉鍔紝缁勫憳鐨?Sketch 鏃犳硶瀹炴椂寰楀埌鏇存柊锛屽繀椤讳粠 template 鏂板缓鏂囦欢锛屽苟鍓垏瀛椾綋鏍峰紡搴撹繘鑷繁鐨勬枃浠惰鐩栨浛鎹€?/p>
馃構鏂囩珷鎬荤粨锛?/h2>
鍒朵綔涓€涓叡浜瓧浣撴牱寮忓簱锛屾湁鍔╀簬瑙勮寖鍥㈤槦鐨勮璁¤緭鍑猴紝涔熻兘鎻愬崌璁捐甯堜釜浜虹殑杈撳嚭鏁堢巼銆傜瑪鑰呭湪鏁欑▼寮€濮嬫椂缁欑殑鏁欏璧勬枡涓湁涓€涓畬鏁寸殑鍏变韩瀛椾綋鏍峰紡搴擄紝闇€瑕佸畨瑁呭帇缂╁寘涓殑瀛椾綋鎵嶈兘浣跨敤銆傚湪鎴戠粰鍑虹殑鏍峰紡搴撻噷锛岄鐣欎簡鍑犳爮鑷畾涔夎壊鍊肩殑绌轰綅锛屽苟娣诲姞浜嗚鏄庛€傛湁鑰愬績鐨勫悓瀛﹀彲浠ユ墦寮€鏉ユ參鎱㈢悽纾ㄣ€?/p>
馃摚鎵╁睍闃呰锛?/h2>
Sketch 鎻掍欢锛?nbsp;| |
Graffle 鏁欑▼锛?/span> |
馃檹鎰熻阿闃呰锛?/span>
以上是关于的主要内容，如果未能解决你的问题，请参考以下文章
鎴戜滑闇€瑕佽涓€涓彃浠讹細Update Text Layer Name锛岀敤杩欎釜鎻掍欢鍙互璁╂枃瀛楀浘灞傜殑鍥惧眰鍚嶇О鍜屽唴瀹逛竴鑷淬€?/p>
浣跨敤涓婇潰瀹夎鐨勬彃浠跺畬鎴愬懡鍚嶆牸寮忛噷鐨勩€岀敤閫斻€嶅懡鍚嶃€?/p>
鐒跺悗锛屾垜浠渶瑕佸畨瑁呯浜屼釜鎻掍欢锛歊ename It锛岀敤杩欎釜鎻掍欢缁欐枃瀛楀浘灞傝繘琛岃繘涓€姝ュ懡鍚嶅鐞嗐€?/p>
鎸夌収鍥句腑鎿嶄綔锛屽苟琛ラ綈鍥句腑鐪佸幓鐨勯噸澶嶆搷浣滈儴鍒嗭紝瀹屾垚鍛藉悕鏍煎紡閲岀殑銆岃壊鍊笺€嶅拰銆屽榻愩€嶃€?/p>
鎵撴壂骞插噣灞嬪瓙鍐嶈瀹€?
杩欓噷鎴戜滑闇€瑕佸畨瑁呯涓変釜鎻掍欢锛歋tyles Generator锛岃繖涓彃浠跺彲浠ュ皢浣犻€夋嫨鐨勬墍鏈夋枃瀛楁牱寮忔寜姣忎釜鏍峰紡鐢熸垚鍏变韩鏍峰紡銆傝€屽湪 Sketch 涓€夋嫨鎵€鏈夊浘灞傚悗浣跨敤鐢熸垚鍏变韩鏍峰紡鍔熻兘锛屽彧浼氱敓鎴愪竴涓牱寮忋€?/p>
濡傚浘鎵€绀猴紝浣跨敤鎻掍欢褰曞叆鍒朵綔濂界殑鍏变韩鏂囧瓧鏍峰紡銆傝繖鏍锋垜浠氨澶у姛鍛婃垚浜嗐€?/p>
浜叉祴 library 鏃犳晥锛屽彧濂介噰鐢ㄤ竴涓◢寰鎷欑殑鏂瑰紡锛岄鍏堝瓨鍌ㄤ负 template 鏂囦欢銆?/p>
杩欐牱鍋氬洟闃熷叡浜殑缂虹偣鏄竴鏃︽枃瀛楁牱寮忓簱鏈夊彉鍔紝缁勫憳鐨?Sketch 鏃犳硶瀹炴椂寰楀埌鏇存柊锛屽繀椤讳粠 template 鏂板缓鏂囦欢锛屽苟鍓垏瀛椾綋鏍峰紡搴撹繘鑷繁鐨勬枃浠惰鐩栨浛鎹€?/p>
馃構鏂囩珷鎬荤粨锛?/h2>
鍒朵綔涓€涓叡浜瓧浣撴牱寮忓簱锛屾湁鍔╀簬瑙勮寖鍥㈤槦鐨勮璁¤緭鍑猴紝涔熻兘鎻愬崌璁捐甯堜釜浜虹殑杈撳嚭鏁堢巼銆傜瑪鑰呭湪鏁欑▼寮€濮嬫椂缁欑殑鏁欏璧勬枡涓湁涓€涓畬鏁寸殑鍏变韩瀛椾綋鏍峰紡搴擄紝闇€瑕佸畨瑁呭帇缂╁寘涓殑瀛椾綋鎵嶈兘浣跨敤銆傚湪鎴戠粰鍑虹殑鏍峰紡搴撻噷锛岄鐣欎簡鍑犳爮鑷畾涔夎壊鍊肩殑绌轰綅锛屽苟娣诲姞浜嗚鏄庛€傛湁鑰愬績鐨勫悓瀛﹀彲浠ユ墦寮€鏉ユ參鎱㈢悽纾ㄣ€?/p>
馃摚鎵╁睍闃呰锛?/h2>
Sketch 鎻掍欢锛?nbsp;| |
Graffle 鏁欑▼锛?/span> |
Sketch 鎻掍欢锛?nbsp;| |
Graffle 鏁欑▼锛?/span> |
馃檹鎰熻阿闃呰锛?/span>
以上是关于的主要内容，如果未能解决你的问题，请参考以下文章