ProtoPie´Â °íµµÈµÇ°í ÀÖ´Â UX µðÀÚÀÎ ºÐ¾ß¿¡ Ź¿ùÇÏ°Ô ´ëÀÀÇÏ´Â High-Fidelity ÇÁ·ÎÅäÆÄÀÌÇÎ ¼ÒÇÁÆ®¿þ¾îÀÌÀÚ °·ÂÇÑ ÀÎÅÍ·¢Æ¼ºê ÄÜÅÙÃ÷ ÀúÀÛµµ±¸·Î¼ Äڵ带 »ç¿ëÇÏÁö ¾Ê°íµµ ½ÇÁ¦¿¡ °¡±î¿î ÇÁ·ÎÅäŸÀÌÇÎ Á¦Ç°À» ±¸ÇöÇÒ ¼ö ÀÖ½À´Ï´Ù. ½ºÅ©·Ñ ÅÍÄ¡ ¹ÝÀÀ, ¾Ö´Ï¸ÞÀÌ¼Ç ¹× »ç¿îµå µîÀÇ ÀÎÅÍ·¢¼ÇÀ» °íÇ°Áú·Î ±¸ÇöÇس¾ ¼ö ÀÖ´Â °ÍÀº ¹°·Ð, °æÀï Á¦Ç°¿¡ ºñÇØ ½ÇÁ¦ µð¹ÙÀ̽ºÀÇ ¼¾¼¸¦ È°¿ëÇÑ ¹ÝÀÀ ¹× ¿©·¯ ±â±â¿¡ ¹ÝÀÀÇÏ´Â ÀÎÅÍ·¢¼Ç ±¸Çö µîÀÌ °¡´ÉÇϸç MacOS¿Í Window ¸ðµÎ¸¦ Áö¿øÇϴ ȣȯ¼º±îÁö °®Ãß°í ÀÖ¾î¼ ¼º°øÀûÀÎ Á¦Ç° Ãâ½Ã¸¦ ´ëºñÇÑ ¼öÁØ ³ôÀº ÇÁ·ÎÅäŸÀÌÇÎ ±¸Çö°ú »õ·Î¿î ÀÎÅÍ·¢¼Ç ¿¬±¸¿¡ ÀÖ¾î¼ ¶Ù¾î³ ÆÛÆ÷¸Õ½º¸¦ º¸¿©ÁÙ ¼ö ÀÖ´Â ¿Ï¼ºµµ ³ôÀº ÇÁ·ÎÅäŸÀÌÇÎ ¼ÒÇÁÆ®¿þ¾îÀÔ´Ï´Ù.
ÀÌ Ã¥Àº ProtoPieÀÇ ¹æ´ëÇÑ ±â´ÉÀ» º¸´Ù ½±°Ô Á¢±ÙÇÒ ¼ö ÀÖµµ·Ï °¡Àå ½±°Ô ¼Ò°³ÇÏ°í, °¢°¢ÀÇ ±â´ÉÀÌ ¾î¶»°Ô ÀÀ¿ëµÇ´ÂÁö ÇÔ²² ¼³¸íÇÏ¿© µ¶ÀÚ¿¡°Ô ÇØ´ç °úÁ¤ÀÇ ÀÌÇØ»Ó ¾Æ´Ï¶ó ¿ø¸®¸¦ ÀÀ¿ëÇÏ¿© È°¿ëÇÒ ¼ö ÀÖµµ·Ï µ½°í ÀÖ½À´Ï´Ù. ´õºÒ¾î ÀÚ¼¼ÇÏ°í ±ä ºÐ·®ÀÇ ¿¹Á¦¸¦ Á¦°øÇÔÀ¸·Î½á ´«À¸·Î Àд °Í¸¸À¸·Îµµ ÇØ´ç ÇÁ·Î±×·¥À» ÀÌÇØÇÒ ¼ö ÀÖµµ·Ï ±¸¼ºÇÏ¿´½À´Ï´Ù. º» Ã¥À» ÅëÇÏ¿© ProtoPieÀÇ È°¿ëÀ» ÇнÀÇÒ ¼ö ÀÖÀ½Àº ¹°·Ð UX/UIÀÇ ½Ã°¢¿¡¼ ¾î¶»°Ô ÇÁ·ÎÁ§Æ®¸¦ ´Ù·ç¾î¾ß ÇÏ´ÂÁö¸¦ ¿³º¼ ¼ö ÀÖ´Â °¡À̵å·Î È°¿ëÇÒ ¼ö ÀÖÀ» °ÍÀÔ´Ï´Ù.
Chapter 1. UX/UIµðÀÚÀΰú ÇÁ·ÎÅäŸÀÌÇÎ
1.1 ÇÁ·ÎÅäŸÀÌÇÎÀ̶õ?
1.2 High-Fidelity ÇÁ·ÎÅäŸÀÌÇÎ
Chapter 2. ProtoPie¿¡ °üÇÏ¿©
2.1 ProtoPieÀÇ Æ¯Â¡
2.1.1 °³¹ßÀÚÀÇ µµ¿ò ¾øÀÌ Á¦ÀÛ °¡´É
2.1.2 Á¤±³ÇÑ ÀÎÅÍ·¢¼Ç ±¸ÇöÀÌ °¡´É
2.1.3 ½ÇÁ¦ ½º¸¶Æ®ÆùÀÇ ¼¾¼¸¦ ÀÌ¿ëÇÑ ±¸ÇöÀÌ °¡´É
2.1.4 °´Ã¼ÁöÇ⼺ÀÇ ¼º°Ý
2.2 ProtoPie°¡ µ¿ÀÛÇÏ´Â ¹æ½Ä(ÄܼÁÆ® ¸ðµ¨)
Chapter 3. ProtoPie ½ÃÀÛÇϱâ
3.1 ProtorPie ½ÇÇàÇϱâ
3.1.1 Ãʱâ ȸé
3.1.2 °èÁ¤ Á¤º¸ ȸé
3.1.3 ȯ°æ¼³Á¤
3.2 ÁÖ¿ä ¸Þ´º ±¸¼º
3.2.1 ±âº» ȸé
Chapter 4. ¿ÀºêÁ§Æ®¿Í ·¹ÀÌ¾î ´Ù·ç±â
4.1 À̹ÌÁö
4.2 ºñµð¿À & ¿Àµð¿À
4.3 ¸ð¾ç ¿ÀºêÁ§Æ®
4.4 ÅؽºÆ® ·¹À̾î
4.5 ÄÁÅ×À̳Ê
Chapter 5 ±âº» ÀÎÅÍ·¢¼Ç ÇнÀ
5.1 ProtoPie ÀÎÅÍ·¢¼ÇÀÇ ±âº» °³³ä ¾Ë¾ÆµÎ±â
5.1.1 Scroll
5.1.2 Paging
5.1.3 Touch Æ®¸®°Å
5.1.4 Conditional Æ®¸®°Å 84
5.1.5 Mouse Æ®¸®°Å
5.1.6 KeyÆ®¸®°Å
5.1.7 Input Æ®¸®°Å
5.1.8 SensorÆ®¸®°Å
5.1.9 Response
5.1.10 Timeline / Valueline
5.1.11 Scene
5.1.12 Preview Screen
5.2 Formula
5.2.1 º¯¼ö Variable
5.2.2 Formula ¹®¹ý
5.3 Connect to Play
5.3.1. ProtoPie Player
5.4 Animation Curve
5.4.1 Easing
5.5 Import Project
5.5.1 Adobe XD Import
5.5.2 Figma Import
5.5.3 Sketch Import(MacOS)
Chapter 6. ÀÎÅÍ·¢¼Ç ½Ç½ÀÇغ¸±â
6.1 ÀÀ¿ë ÀÎÅÍ·¢¼Ç ¸¸µé¾îº¸±â
6.1.1 ON /OFF ¹öÆ° ¸¸µé±â
6.1.2 ¸¶¿ì½º¿¡ ¹ÝÀÀÇÏ´Â ¹öÆ° ¸¸µé±â
6.1.3 °¡·Î ¹× ¼¼·Î·Î ½ºÅ©·ÑµÇ´Â ¹Ú½º
6.1.4 ¾Æ·¡·Î ´ç±â¸é ³ª¿À´Â ¸Þ´º ¹Ú½º
6.1.5 ³ªÅ¸³µ´Ù »ç¶óÁö´Â Æ˾÷â
6.1.6 È¸é ¹Û¿¡¼ µé¾î¿À´Â »çÀÌµå ¸Þ´º
6.2 »ùÇà ÇÁ·ÎÁ§Æ®
6.2.1 ÇÁ·ÎÁ§Æ® °èȹ ¼¼¿ì±â
6.2.2 µðÀÚÀÎ ºÒ·¯¿À±â
6.2.3 ·¹À̾î Á¤¸®¿Í ¼Ó¼º ºÎ¿©Çϱâ
6.2.4 ÀÎÅÍ·¢¼Ç ±¸¼ºÇϱâ
6.2.5 Scene À̵¿ ÀÎÅÍ·¢¼Ç ±¸ÇöÇϱâ
6.2.6 º¸Á¶ ÀÎÅÍ·¢¼Ç ±¸ÇöÇϱâ
6.2.7 ¸ÞÀÎÈ¸é ·¹À̾î Á¤¸®Çϱâ
6.2.8 ÄÁÅ×À̳ʷΠ½ºÅ©·Ñ ¿µ¿ª ¼³Á¤Çϱâ
6.2.9 ½ºÅ©·Ñ¿¡ ¹ÝÀÀÇϴ ŸÀÌƲ ¿µ¿ª
6.2.10 »ó¼¼ ÆäÀÌÁö Scene Á¤¸®Çϱâ
6.2.11 ¸ÞÀΰú »ó¼¼ ÆäÀÌÁö À̵¿ ±¸ÇöÇϱâ
6.2.12 »çÀÌµå ¸Þ´º ¸¸µé±â
Chapter 7. °í±Þ È°¿ë
7.1 Connect Device
7.1.1 Send ÇÁ·ÎÁ§Æ® ¸¸µé±â
7.1.2 Receive ÇÁ·ÎÁ§Æ® ¸¸µé±â
7.2 Cloud
Chapter 8. Version 4¿¡¼ Ãß°¡µÈ ±â´É
8.1 ÁÖ¿ä º¯°æ ³»¿ë
8.2 Component
8.2.1 ¹ÝÀÀÇÏ´Â ¹öÆ° ¸¸µé±â
8.2.2 µÇµ¹¾Æ¿À´Â ¹öÆ° ¸¸µé±â
8.2.3 ÄÄÆ÷³ÍÆ®·Î ¸¸µé±â
8.2.4 ÄÄÆ÷³ÍÆ®ÀÇ ¼öÁ¤
8.2.5 ÄÄÆ÷³ÍÆ®³¢¸® ¿¬µ¿µÇ´Â ÀÎÅÍ·º¼Ç ±¸ÇöÇϱâ
Chapter 9. ÀÏ¹Ý ÆÁ ¹× ¿ä·É
Chapter 10. Formula Á¤¸®
10.1 Functions
10.1.1 Text Manipulation
10.1.2 Math
10.1.3 Color
10.1.4 Type Conversion
Chapter 11. ´ÜÃàÅ°