è¿å¹´ã¢ããªå¶ä½è ã®éã§ã¯ãUIã ãã§ãªãã¢ããªã®UXãæ¤è¨¼ãã¹ãããããã¿ã¤ãã³ã°ãã¼ã«ã®éè¦ãå¹´ã é«ã¾ã£ã¦ãã¾ããå½å ã§ã¯Prottãå½å¤ã§ã¯InvisionãPixateãFlintoãªã©ãããã¾ãããæè¿ã ã¨AdobeãAdobe XDã¨ãããã¼ã«ãçºè¡¨ãããªã©ã大æãç©æ¥µçã«æ¥çã«åæ¦ãã¦ãã¾ãã
ãããªä¸ãFacebookã®éçºè åãã¤ãã³ããF8ãã«ã¦Facebookã®ãããã¿ã¤ãã³ã°ãã¼ã«ãOrigami Studioãã«ã¤ãã¦ã®ãã¬ã¼ã³ãã¼ã·ã§ã³ãããã¾ãããFacebookãFacebook Messengerã®ã¿ãªãããInstagramããã®é¢é£ã¢ããªãªã©ãå¤æ°ã®äººæ°ã¢ããªãæã¤Facebookã社å ã§éçºãããã¼ã«ã¨ã¯ã©ã®ãããªãã®ãªã®ã§ããããï¼
ä»åã¯Origami Studioãä»ãã¼ã«ã«æ¯ã¹ã¦ä½ãåªãã¦ããã®ããF8ã§ã®ãã¬ã¼ã³ãã¼ã·ã§ã³ã®åç»ãç°¡åã«ã¾ã¨ãã¾ããã
Origami Studioã¨ã¯
Origami Studioã¯Macã§åããã¤ãã£ãã¢ããªã§ãè¤éãªæ§é ã®ã¢ããªãå®éã®ã¢ããªç»é¢ãè¦ãªããç´æçã«ãããã¿ã¤ãã³ã°ã§ãããã¼ã«ã§ãã
å¾æ¥ã®ãããã¿ã¤ãã³ã°ã¢ããªã¯é·ç§»ã«ç¹åãããã®ã ã£ãããéã«ã¢ãã¡ã¼ã·ã§ã³ã«ç¹åãããã®ã ã£ãããä¸è¾ºåã®å°è±¡ãããã¾ãããã§ãããè¿å¹´ã®ã¢ããªã¯é·ç§»ãã¢ãã¡ã¼ã·ã§ã³ããã©ã¡ããæ¤è¨¼ä¸å¯æ¬ ãªè¦ç´ ã§ããAdobe XDããããã£ãæµããæ±²ãã ãã¤ããªãããªãã¼ã«ã¨ãªã£ã¦ãã¾ããããOrigami Studioãåæ§ã«åçãªé·ç§»ãä½ãããã®ãã¼ã«ã¨ãªã£ã¦ãã¾ãã
ã»ãããã¿ã¤ãããªã¢ã«ã¿ã¤ã ã«ç·¨éã§ãã
ã»ã¹ã ã¼ãºãªåç»åç
ã»å ¨ã¦ã®è¦ç´ ããã¤ãããã¯ã«åãããï¼ã¢ãã¡ã¼ã·ã§ã³å¯è½ï¼
ã»iOSã¨Androidã®æ±ç¨çãªãã¼ããç°¡åã«çµã¿è¾¼ãã
å ã Facebookã¯èªç¤¾ã¢ããªã®æ¹åãè¡ãã¹ãç¬èªã«ãã¼ã«ãéçºãã¦ããããOrigamiãã¨ãããã¼ã«ãï¼å¹´åã«å¤é¨åãã«ç¡åã§ãªãªã¼ã¹ãã¦ãã¾ãããä»åã®Origami Studioã¯ãã®ãã¼ã«ãä¸ããéçºããªããã¦ãªãã¥ã¼ã¢ã«ãããã®ã«ãªãã¾ãã
ãã¬ã¼ã³ãã¼ã·ã§ã³ã«ã¦Facebookã®ã¨ã³ã¸ãã¢ã®Andrew Pouliotæ°ã¯ãæ¢åã®ãããã¿ã¤ãã³ã°ãã¼ã«ã¯ç°¡åã«ä½¿ãããæ ã«æ¡å¼µæ§ã«æ¬ ãã¦ããããããã¯èªç±åº¦ãé«ããã¦é£æ度ãé«ããããã®ãããªãã¨èªãã¾ããOrigami Studioã¯ãã®æ¥µç«¯ãªç¶æ³ãæç ´ãããç°¡åãã¤æ¡å¼µæ§ã®ãããã¼ã«ãç®æãã¦ããããã§ãã
Origami Studioã®ç¹å¾´
1. ã¢ããªç»é¢ããªã¢ã«ã¿ã¤ã ã§åçã«ãã¬ãã¥ã¼ã§ãã
å·¦ã®ç»é¢ãå®éã®ã¢ããªã®ç»é¢ã§ãçãä¸ãã³ã³ãã¼ãã³ãã¨å種ãã©ã¡ã¼ã¿ãå³ãã¬ã¤ã¤ã¼ã®ãã¥ã¼ã§ãããã¦ã¹ãå·¦ã«æã£ã¦è¡ãã¨ãã®ã¾ã¾ã¿ããã®UIã«ãªã£ã¦ãããæåããªã¢ã«ã¿ã¤ã ã§ç¢ºèªã§ãã¾ãã
2. å®æ©ãã¬ãã¥ã¼ãããã«æã¡åºãã
PCç»é¢ã§ãã¢ããªç»é¢ãåºã¦ãã¾ãããã¤ãªãã§ããã¢ãã¤ã«ããã¤ã¹ã«ããªã¢ã«ã¿ã¤ã ã§åæ ããã¾ãããããã£ãæ©è½ã¯ã©ã®ãã¼ã«ã§ãããæ©è½ã§ãããOrigami Studioã§ã¯ãã®ã¾ã¾ç°¡åã«ã±ã¼ãã«ãæãã¦æã¡åºããã¨ãã§ãããã¼ãã£ã³ã°ãªã©ã§ããå®éã®ã¢ããªã®ããã«ãã¹ããããã¨ãã§ãã¾ãã
3. ã¬ã¤ã¤ã¼ã§ã³ã³ãã¼ãã³ã管ç
Adobe XDã¨ã»ã¼åãã§ãããå³å´ã®ã¬ã¤ã¤ã¼ãã¥ã¼ã¯PhotoshopãSketchãªã©ã®UIã«åããã¦ä½ã£ã¦ããã¾ããå¾æ¥ã®Origamiã§ã¯ãã®ã¬ã¤ã¤ã¼ãã¥ã¼ã¯ãªããã³ã³ãã¼ãã³ãå士ã®é層æ§é ãè¦ãã¥ããåé¡ãããã¾ããã
4. åç群ããªã¹ããæ軽ã«ç®¡çã§ããLoopã»Gridæ©è½
ãã¡ããAdobe XDã§æ¡ç¨ãããRepeat Gridæ©è½ã«å°ãä¼¼ã¦ãã¾ãããå¾æ¥ãè¤æ°ã®ç»åãããUIãªã©ã§ã¯ç»åã³ã³ãã¼ãã³ããåãè²¼ãããªããã°ãªãã¾ããã§ãããOrigami Studioã§ã¯ç»åã®å ¥ã£ããã©ã«ãããã©ãã°ï¼ããããããã ãã§Loopã¨ãããã¼ããä½ãããLoopã«å¯¾ãã¦ã©ã表示ããããã©ã¡ã¼ã¿ã§æå®ãããã¨ãã§ãã¾ãã
å¾æ¥ã®æ¹å¼ã§ã¯åãç»åã®ç¾ åãããå ´åãå®éã®ç»åã§ãã¶ã¤ã³ãæãç«ããªããã¨ãããã¾ãããé£ç¶ããåçããªã¹ããã¥ã¼ãããã¼ã§ã¯ãªãããªã¢ã«ãªãã¼ã¿ãæ±ããã¨ã§ããããªã¢ã«ãªãã¶ã¤ã³æ¤è¨¼ãå¯è½ã§ãã
5. iOSã¨Androidã®æ±ç¨çãªã³ã³ãã¼ãã³ãå®å
iOSãAndroidã§ãã使ããã¼ãããããããã©ã¤ãã©ãªã¨ãã¦ç»é²ããã¦ãããæ°ã¯ãªãã¯ã§å®è£ ã§ããå種ã®ãã©ã¡ã¼ã¿ãæåããã¡ãã¨æå®ã§ãã¾ãã
ããããªã¢ã«ããªãããã¿ã¤ãã³ã°ãå¯è½ãªãã¼ã«
Origami Studioã¯ç§ãã¡ãå¾ ã¡ãã³ããããã¿ã¤ãã³ã°ãã¼ã«ãªã®ããããã¾ããã
ãã¼ããçµã¿åããã¦ç°¡åãªé·ç§»ç¢ºèªã®ããããªãããä½ãããã§ãããããããæ¼åºãªã©ãä½ããããã¨ãå¯è½ã®ããã«æãã¾ããç ©ãããä½æ¥ã¯æ¥µåãªããã¤ã¤ãããããªã¢ã«ã§ãå®ç©ã«è¿ããããããã¤ã¹ãã¼ãã§åãããã®é æ ®ããããã¨ããã«è¦ããã¾ãã
Origami Studioã¯ä»å¹´ä¸ã«ä¸è¬åãã«å ¬éãããããã§ããããç¡æã¨ã®ãã¨ã
ãã®è¨äºã§ã¯F8ã®ãã¬ã¼ã³ãã¼ã·ã§ã³ã®è»½ãã¾ã¨ãã¨ãã¦ãéããã¾ããããã¢ããªã®ãã¶ã¤ã³ããã»ã¹ã®ããã¡ã¯ãã¹ã¿ã³ãã¼ãã«ããªãããæç¨ãªãã¼ã«ã®ããã«æãã¾ããç¶å ±ãæå¾ ãã¦å¾ ã¡ã¾ãããã