Figma UIÉè¼Æ¼¼·¨Óë˼άȫ½âÎö

01 ÎÒÃÇÒª³ÉΪÔõÑùµÄÉè¼Æʦ

01-01 ·ç¿Ú²»ÔÚ£¬UI Éè¼ÆʦÈçºÎ×ÔÎÒ¶¨Î» ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­ 2

01-02 ÄãΪʲô³É³¤ÄÇôÂý£¿Ê²Ã´ÊÇ UI Éè¼ÆʦµÄºËÐľºÕùÁ¦ ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­ 6

01-03 UI Éè¼Æʦ**¼¼ÄÜ·ÖÎö ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­11

01-04 UI Éè¼ÆʦµÄ˼άºÍ·½·¨ÂÛ ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­19

02 ´ÓÈí¼þ¿ªÊ¼·Å·É×ÔÎÒ

02-01 ÈçºÎÑ¡ÔñÊʺÏ×Ô¼ºµÄ UI Éè¼Æ¹¤¾ß ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­25

02-02 Hello ÐÂÅóÓÑ¡ª³õʶ Figma ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­ 29

02-03 Figma »ù´¡²Ù×÷Ïê½âÖ®½çÃæƪ ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­34

02-04 Figma »ù´¡²Ù×÷Ïê½âÖ®¹¤¾ßƪ ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­39

02-05 Figma »ù´¡²Ù×÷Ïê½âÖ®²Ëµ¥Æª ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­58

02-06 Figma ÖеÄÌØÉ«²å¼þ ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­88

02-07 ÄÇЩÈÃÄã´óºôºÃÓÃµÄ Figma С¼¼ÇÉ ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­ 103

02-08 ½çÃæÖеÄÔ¼ÊøÓë×ÔÊÊÓ¦²¼¾Ö ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­ 108

02-09 Figma ½»»¥¹¦ÄÜÏê½â ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­ 117

02-10 Figma ÈçºÎÓë Sketch ¼° Adobe XD ½áºÏʹÓà ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­ 133

02-11 ʹÓà Figma Íê³ÉÄãµÄ**Ò³ UI Éè¼Æ¸å ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­ 137

03? Figma Э×÷¹¦ÄܽâÎö

03-01 ÔÚ UI Éè¼Æ¹¤×÷Á÷ÖлîÓà Figma Óë²úÆ·¾­Àí¡¢ÐèÇó·½¹µÍ¨ ¡­¡­¡­¡­¡­¡­¡­148

03-02 UI Éè¼ÆʦÈçºÎʹÓà Figma Ó뿪·¢¹¤³ÌʦÎÞ·ì¶Ô½Ó ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­151

03-03 ʹÓà Figma Mirror ¿ìËÙÔ¤ÀÀ UI Éè¼Æ¸å ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­155

03-04 Íì»ØÄãµÄ¡°**¸å¡±£ºFigma Éè¼Æ¸å°æ±¾¹ÜÀí¹¦ÄÜ ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­159

03-05 ¶ÏÍøŲ»Å£¿½« Figma Éè¼Æ¸å±£´æΪ±¾µØÎļþ ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­161

04 Figma UI ½çÃæÉè¼Æϸ½Ú½ø½×

04-01 Figma ͼ±êÉè¼Æʵս£ºÏßÐÔͼ±êÓë Big Sur ÇáÄâÎïͼ±ê»æÖÆ ¡­¡­¡­¡­¡­¡­165

04-02 °æʽÉè¼ÆÁ·Ï°£ºUI Éè¼ÆµÄºËÐÄÄÜÁ¦ ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­191

04-03 UI ½çÃæÖеĽð¸ÕÇøͼ±ê£ºTab À¸Í¼±ê ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­198

04-04 Æô¶¯Ò³Éè¼Æ£ºÓû§µÄ**Ó¡ÏóºÜÖØÒª ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­204

04-05 ·ÖÇåÖص㣺ӦÓÃÊ×Ò³Éè¼Æ¼¼ÇÉ ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­209

04-06 UI ÏêÇéÒ³Éè¼Æ¼¼Çɼ°Éè¼ÆÄ¿±ê ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­214

04-07 Óû§¸öÈËÖÐÐÄÒ³Éè¼Æ ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­219

04-08 ÍòÎï¼´ÁÐ±í£º´ÓÁбíÉè¼ÆÇ¿»¯×Ô¼ºµÄÉè¼ÆÄÜÁ¦ ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­221

04-09 ²å»­£ºÎª UI ½çÃæ½õÉÏÌí»¨µÄ¼¼ÇÉ ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­226

04-10 ¡°Ô­×Ó»¯¡±Éè¼Æ˼·£ºÓà Figma ÖÆ×÷Éè¼Æ¹æ·¶Óë×é¼þ ¡­¡­¡­¡­¡­¡­¡­¡­¡­228

05 iOS Óë Android ÈË»ú½çÃæÉè¼ÆÖ¸ÄÏ¡ªÒÔ²»±äÓ¦Íò±äµÄÉè¼ÆÃؼ®

05-01 ÈÕ½¥ÈÚºÏµÄ iOS Óë Android Éè¼Æ ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­235

05-02 ÄÚÈÝÖÁÉÏ£ºÉè¼ÆÔ­Ôò½âÎö ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­238

05-03 ÆÁÄ»£¨Ãܶȣ©¾«¶È£º¿ªÊ¼Éè¼Æ֮ǰÊ×Òª¹Ø×¢µÄÄÚÈÝ ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­241

05-04 ´Ó¡°ÁÁɫģʽ¡±µ½¡°°µºÚģʽ¡±: iOS 13 ÐÂÔö¹æ·¶½²½â ¡­¡­¡­¡­¡­¡­¡­¡­246

05-05 С×é¼þ Widget áÈÆð£ºiOS 14 Éè¼Æ¹æÔò½âÎö ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­254

06 ´Óϸ½Úµ½ÕûÌ壺ÒÔ²úÆ·ºÍÓû§ÎªºËÐĵÄÉè¼Æ˼·

06-01 ÒÔÆ·ÅÆÑÛ¹â×öÓ¦ÓÃÉè¼Æ¼°Õ¹Ê¾ ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­262

06-02 ´´Ôì´¥¶¯ÈËÐĵÄ×÷ƷչʾҳµÄ 13 ¸ö²½Öè ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­265

07 ¾²µçµÄ Q&A ʱ¼ä

08 ºó¼Ç

09 ¸½Â¼

09-01 ÓÅÐã UI ×÷Ʒչʾ ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­281

09-02 ±¾ÊéÈí¼þÀ´Ô´¼°ºÏ×÷»ï°é ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­290

09-03 ×÷Õß°®ÓõÄÉè¼Æ¹¤¾ßÍƼö ¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­¡­291