Äú¿ÉÒÔ¾èÖú£¬Ö§³ÖÎÒÃǵĹ«ÒæÊÂÒµ¡£

1Ôª 10Ôª 50Ôª





ÈÏÖ¤Â룺  ÑéÖ¤Âë,¿´²»Çå³þ?Çëµã»÷Ë¢ÐÂÑéÖ¤Âë ±ØÌî



  ÇóÖª ÎÄÕ ÎÄ¿â Lib ÊÓÆµ iPerson ¿Î³Ì ÈÏÖ¤ ×Éѯ ¹¤¾ß ½²×ù Modeler   Code  
»áÔ±   
 
   
 
 
     
   
 ¶©ÔÄ
  ¾èÖú
ÄãÖªµÀÏß¿òͼºÍÔ­ÐÍÓÐÉ¶Çø±ðÂð
 
×÷Õß Marcin Treder£¬»ðÁú¹ûÈí¼þ ·¢²¼ÓÚ£º2014-06-26
 

Ïß¿òͼ²¢·ÇÊÇÔ­ÐÍ£¬µ«¼´Ê¹ÊǾ­Ñé·á¸»µÄÉè¼ÆÊ¦Ò²¿ÉÄܻὫÁ½Õß»ìΪһ̸¡£Êµ¼ÊÉÏ£¬Á½ÕߵIJî±ð»¹ÊǷdz£¶àÇÒÃ÷ÏԵģ¬ÄÇô¾ÍÈÃÎÒÃÇͨ¹ýÕâÆªÎÄÕ·ֱæÇå³þÕâÁ©¸ÅÄһÀÍÓÀÒÝ¡£

Ïß¿òͼ

Ïß¿òͼÊDzúÆ·Éè¼ÆµÄµÍ±£Õæ³ÊÏÖ·½Ê½¡£ËüÓÐÈý¸ö¼òµ¥Ö±½Ó¶øÃ÷È·µÄÄ¿±ê£º

1¡¢³ÊÏÖÖ÷ÌåÐÅϢȺ

2¡¢¹´ÀÕ³ö½á¹¹ºÍ²¼¾Ö

3¡¢Óû§½»»¥½çÃæµÄÖ÷ÊÓ¾õºÍÃèÊö

ÕýÈ·µØ´´½¨ÁËÏß¿òͼ֮ºó£¬Ëü½«×÷Ϊ²úÆ·µÄ¹Ç¸É¶ø´æÔÚ¡£

Ëü¾ÍÏñÒ»´±½¨ÖþµÄÀ¶Í¼Ò»Ñù£¬½«Ï¸½Ú¹æ¶¨µØÃ÷Ã÷°×°×¡£

Ïß¿òͼµÄÊÓ¾õÌØÐÔ

Ïß¿òµÄÊÓ¾õÌØÐÔ¾ÖÏÞÐԷdz£Ã÷ÏÔ¡£Í¨³£Éè¼ÆÊ¦»áÖ»ÐèҪʹÓÃÏßÌõ¡¢·½¿òºÍ»Ò½×É«²ÊÌî³ä(²»Í¬»Ò½×±êÃ÷²»Í¬²ã´Î)¾Í¿ÉÒÔÍê³É¡£

¼òµ¥µÄʸÁ¿Ïß¿òͼ

Ò»¸ö¼òµ¥µÄÏß¿òͼ×îÖÕÐèÒª°üº¬µÄÄÚÈÝÓÐͼƬ¡¢ÊÓÆµ¡¢Îı¾ÕâЩ¶«Î÷¡£ËùÒÔ£¬Í¨³£Çé¿öÏ£¬±»Ê¡ÂԵĵط½»áÓÃռλ·ûÀ´±êÃ÷£¬¶øÍ¼Æ¬Í¨³£±»´øÐ±ÏßµÄÏß¿òÀ´Ìæ´ú£¬Îı¾»á°´ÕÕÅŰ棬ÓÃһЩ±êʶÐÔµÄÎÄ×ÖËùÌæ´ú¡£

Ïß¿òͼµÄÓÅÊÆ

Ïß¿òͼµÄÖÆ×÷ÊÇ¿ìËÙ¶øÁ®¼ÛµÄ£¬ÌرðÊǵ±ÄãʹÓÃÖîÈçUXPin¡¢Balsamiq¡¢AxureÕâÑùµÄÈí¼þÀ´ÖÆ×÷µÄʱºò¡£µ±È»£¬Ïß¿òͼҲÀíµ±ÊÇÔÚÉè¼ÆÖ®³õ¾ÍʹÓÃÕâЩ¹¤¾ßÀ´ÖÆ×÷¡£

±ÈÆð´´½¨Ò»¸öÍêÕûϸÖ¸߱£ÕæµÄÏß¿òͼ£¬ËѼ¯·´À¡ÐÅÏ¢À´µÃ¸ü¼ÓÖØÒª¡£ÎªÊ²Ã´ÕâÃ´ËµÄØ?

Ò»°ã¶øÑÔ£¬´ó¼Ò¸ü×¢ÖØÈí¼þµÄ¹¦ÄÜ¡¢ÐÅÏ¢¼Ü¹¹¡¢Óû§ÌåÑé¡¢Óû§½»»¥Á÷³Ìͼ¡¢¿ÉÓÃÐÔ£¬ÕâЩ¶«Î÷£¬¶ø²»ÊÇ¿¼ÂÇÕâЩÒòËØµÄÃÀÑ§ÌØÕ÷¡£Í¬Ê±£¬ÔÚÕâÖÖÇé¿öÏ£¬¸ù¾ÝÐèÇó½øÐÐÐÞ¸ÄÒ²ÎÞÐèÉæ¼°´úÂëµ÷ÕûºÍͼÐα༭¡£

½»»¥Ê½Ïß¿òͼ

ÓеÄʱºò£¬Éè¼ÆÊ¦Ï²»¶Ìá¸ßÏß¿òͼµÄ±£Õæ¶È¶øÇ¿µ÷Óû§½çÃæµÄijЩ·½ÃæµÄÖØÒªÐÔ£¬ÒÔ¼°Õ¹Ê¾ºÍ¿ìËÙ²âÊÔ¡¢¸÷ÖÖÊÓ¾õÔªËØÖ®¼äÏ໥×÷ÓõĺÏÀíÐÔ¡£ÓÃÒÔ½â¾öÕâЩÎÊÌâµÄ·½°¸¾ÍÊÇʹÓý»»¥Ê½Ïß¿òͼ£¬Ò²½Ð×ö¿Éµã»÷ʽÏß¿òͼ¡£

´´½¨ÕâÖÖ¸ü¼Ó¸´ÔÓµÄÏß¿òͼÄã¾ÍÐèÒªÓÃUXPinÁË£¬ËüÊÇרÃÅÓÃÀ´ÖÆ×÷Ïß¿òͼºÍÔ­ÐÍÉè¼ÆµÄ¹¤¾ßÁË¡£»¥¶¯Ê½Ïß¿òͼ¿ÉÄÜÊÇÓÃÀ´Ïò¿ª·¢ÍŶӺͿͻ§×îºÏÊʵÄÑÝʾ¹¤¾ßÁË¡£µ±ÄãÅöÉϿͻ§µÄ¾­µäÎÊÌ⡱Èç¹ûÎÒµã»÷Õâ¸ö°´Å¥»á·¢Ê²Ã´Ê²Ã´¡±µÄʱºò£¬ÄãËùÐèÒª×öµÄ¾ÍÊÇÔÚ»¥¶¯Ê½Ïß¿òͼÖа´ÏÂÄǸö°´Å¥¡£¡±¾ÍÊÇÕâÑù¡±£¬ÄãÖ»ÐèÒªÕâÑù»Ø´ð¡£µÄÈ·£¬ÕâÖÖ·½Ê½ÁîÈËÓ¡ÏóÉî¿Ì£¬ÒýÈËÈëʤ¡£

½÷É÷չʾÏß¿òͼ

µ±ÄãÐèҪչʾµÄ¶ÔÏóÊÇÒ»¸ö³¹Í·³¹Î²µÄÃÅÍ⺺µÄʱºò£¬Äã¾ÍҪСÐÄÁË¡£Ëû¿ÉÄÜÊÇÄãµÄ¿Í»§£¬Ò²¿ÉÄÜÊDzÎÓëºÏ×÷µÄij¸ö·Ç¼¼Êõ±³¾°Ö÷¹Ü£¬ËûÃDz¢²»ÖªµÀ£¬Ïß¿òͼºÍ×îÖյIJúÆ·¿ÉÄÜ¿´ÆðÀ´ºÁÎÞ¹ØÏµ¡£ËùÒÔ£¬ËûÃÇÓпÉÄܲ¢²»ÄÜºÜ¿ìµØÃ÷°×Á½ÕßµÄÄÚÔÚÁªÏµºÍÔË×÷·½Ê½£¬ÊÇ·ñÒªÑÝʾ£¬ÈçºÎÑÝʾ£¬Ò»¶¨ÒªÄÃÄóºÃÕâÆäÖеĶȡ£

ÕâÊÇFernando Guillen¿ìËÙÊÖ»æ³öÀ´µÄAPPµÄÓû§²Ù×÷Á÷³Ìͼ¡£µ±È»£¬ÕâÎÞÒÉÊÇ×îÔçÆÚµÄÉè¼Æ°æ±¾¡£

Ïß¿òͼÉè¼ÆÁ÷³ÌÖÐ×îÖØÒªµÄ×é³É²¿·ÖÖ®Ò»£¬¿´ÍêÕâÕÅÊÖ»æµÄÁ÷³ÌͼÄã¾ÍÃ÷°×£¬ÎªÊ²Ã´ÒªºÄ·Ñʱ¼äÀ´ÏòËûÃǽâÊÍʲôÊÇÏß¿òͼ(Ц)£¬ÒÔ¼°ÎªÊ²Ã´ÒªÕâôÓÃÏß¿òͼ¡£»òÕߣ¬Äã¸É´àÌø¹ýÕâ¸ö°æ±¾¡£

Ô­ÐÍ

Ô­Ð͵ÄÒªÇó±ÈÏß¿òͼ/¿É½»»¥Ê½Ïß¿òͼҪ¸ß£¬ËüÒªÇó±ØÐëÊǿɽ»»¥µÄ£¬²¢ÇÒ¾¡¿ÉÄÜÌùºÏ×îÖÕµÄÓû§½çÃæµÄ¸ß±£ÕæÄ£ÐÍ¡£

ÖÆ×÷Ô­Ð͵ÄÄ¿±ê·Ç³£Ã÷È·£º¾¡¿ÉÄÜÕæÊµµØÄ£ÄâÓû§ºÍ½çÃæÖ®¼äµÄ½»»¥¡£µ±Ò»¸ö°´Å¥±»°´ÏµÄʱºò£¬ÏàÓ¦µÄ²Ù×÷±ØÐë±»Ö´ÐУ¬¶ÔÓ¦Ò³ÃæÒ²±ØÐë³öÏÖ£¬¾¡¿ÉÄܵØÄ£·ÂÍêÕûµÄ²úÆ·ÌåÑé¡£

Ô­Ð͵ÄÊÓ¾õÌØÕ÷

ºÁÎÞÒÉÎÊ£¬Ô­ÐÍÊDZØÐëÄÒÀ¨²úÆ·¸ÃÓеÄÃÀÑ§ÌØÕ÷£¬²¢ÇÒ¾¡Á¿ÌùºÏ×îÖÕ°æ±¾¡£»ù±¾ÉÏ£¬µ±Ô­ÐÍÖÆ×÷³öÀ´µÄʱºò£¬Ëü¾ÍÊÇÒ»¸±»­Æ¤£¬³ýÁ˲»¾ß±¸ÑªÈâ¹Ç÷À£¬¸ÃÓеÄüÑÛÆ¤·ôºÍ»¯×±¶¼ÓÐÁË£¬Ò²¾ÍÊÇ˵£¬ËüÎÞÐèÉæ¼°HTML/CSS/JS£¬²»Óÿ¼ÂÇ·þÎñÆ÷¶ËµÄ³ÌÐòºÍÊý¾Ý¿âʵÏÖ¡£

ÔÚUXPinÖÐÖÆ×÷µÄ½»»¥Ô­ÐÍÉè¼Æ

Ö÷É«µ÷ºÍÖ÷ÊÓ¾õ±ØÐ뵽룬ÖصãÄÚÈÝÀíÓ¦³ÊÏÖ³öÀ´£¬ÐÅÏ¢±£ÕϺͰæÊ½Éè¼ÆÒ²µ±ÔÚºÏÀí·¶³ëÒÔÄÚ¡£µã»÷ÏàÓ¦µÄÔªËØÖ®ºó£¬Ô­ÐÍÒ²Ó¦³öÏÖ¶ÔÓ¦µÄ½»»¥»ØÀ¡¡£

Ô­Ð͵ÄÓÅÊÆ

Ô­ÐÍΪºÎÈç´ËÖØÒª?ÒòΪԭÐÍͨ³£ÄÃÀ´¸øÕæÕýµÄÓû§²âÊÔ²úÆ·Óõġ£ÔçÆÚµÄÔ­ÐͲâÊÔÄܹ»½ÚÊ¡¾ÞÁ¿µÄ¿ª·¢³É±¾ºÍʱ¼ä£¬Èç´ËÒ»À´£¬ÍŶӾͲ»»áÒòΪ²»ºÏÀíµÄ½»»¥½çÃæ¶øÈúó¶ËµÄ²úÆ·¼Ü¹¹¶¼°××öÁË¡£ËùÒÔ£¬¶ÔÉè¼ÆÊ¦ºÍ¿ª·¢Õß¶øÑÔ£¬Ô­ÐÍÊÇÓÃÀ´²âÊÔ²úÆ·µÄ¾øÃ¾ß¡£

ÁíÍ⣬½«Ô­ÐÍÌṩ¸øÓû§£¬²¢¸ú×ÙÓû§·´À¡£¬ÕâÑùµÄ»ù±¾µÄÓÃÀý¶Ô¶´²ì²úÆ·¸÷¸öϸ½ÚÄÜÊÕµ½ÆæÐ§µÄ£¬²¢ÇÒ¿ÉÒÔ¹ÄÎèÕû¸öÍŶӡ£Ê¹ÓÃǰÎÄÎÒËù˵µÄÈí¼þ£¬µ¥¿¿Éè¼ÆÊ¦½éÈë¾Í¿ÉÒÔ¿ìËÙ¸ßЧµØ¹¹½¨Ô­ÐͶøÎÞÐè³ÌÐòÔ±½éÈ룬ÕâÊǼ«ÎªÊ¡Êµġ£

Éè¼ÆÁ÷³Ì

ÉîÈëÁ˽âÁËÉè¼ÆµÄ±¾ÖÊ£¬ÕÆÎÕÏß¿òͼºÍÔ­ÐÍÖ®¼äµÄÇø±ðÖ®ºó£¬Äã¾ÍÕ¾ÔÚÓû§ÌåÑéÉè¼ÆµÄÊÀ½çÃſڡ£

µ±ÄãÄܹ»½«ÕâһϵÁеIJúÆ·Éè¼Æ»·½Ú£¬ÕûºÏ³ÉÒ»¸ö¾ßÓÐÄý¾ÛÁ¦¡¢¸ßЧµÄ¹¤×÷Á÷³Ì£¬ÉñÆæµÄÊÂÇé×ÔÈ»»á·¢Éú¡£

ÔÚÎÒ¹ÜÀíÒ»¸öÓû§ÌåÑéÉè¼Æ²¿ÃÅÊýÄêÖ®ºó£¬ÎÒÔÚ¹¤×÷ÖÐÅöµ½µÄ×î´óµÄ´íÎ󣬾ÍÊÇÎÒÃǽ«Ïß¿òͼÊÓ×÷Ò»´ÎÐԵġ¢·Ç±ØÒªµÄÉè¼Æ»·½Ú¡£Òò´Ë£¬ÎÒÃǼ±ÓÚÍÆ¶¯Õû¸ö²úÆ·Éè¼ÆµÄ½ø³Ì£¬²»»áÔÚÉè¼ÆÏß¿òͼµÄ»·½Ú×ö¹ý¶àÍ£Áô£¬¾¡¹ÜÕâ¸ö»·½ÚÊǷdz£ÓÐÓÃÇÒÖØÒªµÄ¡£ÕâÖ±½Óµ¼ÖÂÎÒÃǵÄÏß¿òͼ¿´ÆðÀ´·Ç³£ÁʲÝÁèÂÒ£¬ÎÞ·¨ÓÃ×÷²úÆ·Éè¼ÆµÄÀ¶Í¼ÁË£¬¾Í¸ü²»ÓÃÌá»ùÓڴ˹¹½¨Ò»¸ö½¡×³ÓÐЧµÄÔ­ÐͺͿÉÓõIJúÆ·ÁË¡£

СÌùÊ¿

ÔÚÖÆ×÷Ïß¿òͼµÄʱºò£¬¾¡Á¿´´½¨¿É±à¼­¡¢¿ÉÖØ¸´Ê¹ÓõÄÔªËØ¡£ÕâÑùµÄ»°£¬µ±ÄãÔÚÖÆ×÷Ô­Ð͵Äʱºò£¬Äã¾Í¿ÉÒÔÔÚ֮ǰµÄ»ù´¡ÉϼÌÐøÏ¸»¯ÕâÐ©ÔªËØ¾ÍºÃÁË¡£

µ±ÄãÖÆ×÷Ïß¿òͼµÄʱºò£¬¾¡Á¿ËѼ¯ÄãµÄÍŶӺÍÏà¹ØÈËÔ±(°üÀ¨¿Í»§)µÄÏë·¨Ò²Òâ¼û£¬¾¡Á¿ÌåÏÖµ½Ïß¿òͼµÄÉè¼ÆÖÐÈ¥¡£

ʹÓÃÄã×î˳ÊֵŤ¾ß¡£

UXPin

UXPinÄÚÖÃÁ˳¬¹ý900ÖÖ²»Í¬µÄUIÔªËØ¹©Äã´´½¨Ïß¿òͼºÍÔ­ÐÍ¡£

Proto.io

Proto.ioÊÇÒ»¿î·Ç³£½¡×³µÄÔ­ÐÍÉè¼Æ¹¤¾ß£¬²¢ÇÒËü¿ÉÒÔ»ùÓÚÔ­ÐÍÊä³öHTML/CSS´úÂëºÍ´¥ÃþÆÁ»¥¶¯Ô­ÐÍ£¬·½±ãÄãÔÚʵ¼ÊµÄÉ豸ÉϸøÓû§²âÊÔ¡£

Balsamiq

Ò»¿îÁ÷Ðеġ¢³¤Ð§µÄÏß¿òͼÉè¼ÆÈí¼þ£¬½öÏÞÓÚÖÆ×÷¾²Ì¬µÄÏß¿òͼ¡£

Moqups

Ö§³ÖÖ±½ÓÔÚä¯ÀÀÆ÷ÖÐÖÆ×÷Ïß¿òͼ¡£

Mockingbird

Ò»¿î¼òµ¥µÄÏß¿òͼÉè¼Æ¹¤¾ß£¬²»¹ý²úÆ·¿ª·¢Ö¹²½ÓÚ2010Äê¡£

Axure

Axure¾ÍÎÞÐèÉîÈë½éÉÜÁ˰É?×÷Ϊһ¿î×îÁ÷ÐеÄÏß¿òͼºÍÔ­ÐÍÉè¼Æ³ÌÐò£¬ºÜ¶à×ö²úÆ·ºÍ½»»¥µÄͬѧÒѾ­ÔÚÓÃËüÁË¡£

Protoshare

ÕâÒ²ÊÇÒ»¿îÄÜÔÚä¯ÀÀÆ÷ÖÐʹÓõÄÏß¿òͼºÍÔ­ÐÍÉè¼Æ¹¤¾ß¡£

InvisionApp

Õâ¿î³ÌÐò¿ÉÒÔÖúÄã»ùÓÚÏÖÓÐÉè¼ÆÖÆ×÷¿ÉÓõÄÔ­ÐÍ¡£²»¹ýÄã²»ÄÜËæ±ã»­Èκζ«Î÷£¬µ«ÊÇ¿ÉÒÔÔÚ²»Í¬µÄÆÁÄ»¼äËæÒâÌí¼ÓÁ´½Ó¡£

   
´Îä¯ÀÀ       
Ïà¹ØÎÄÕÂ

¹È¸è½ÌÄãÈçºÎ¹¹½¨Ò»¸öÓÅÐãµÄÒÆ¶¯ÍøÕ¾
ÈçºÎ¸ßЧµØ¹ÜÀíÍøÕ¾¾²Ì¬×ÊÔ´
¸ßÐÔÄÜÍøÕ¾½¨ÉèµÄ×î¼Ñʵ¼ù
Ïл°ÍøÕ¾×ó²àµ¼º½µÄʵÏÖ
 
Ïà¹ØÎĵµ

ÍøÕ¾½¨Éè·½°¸Á÷³Ì
ÍøÕ¾½¨Éècss½Ì³Ì
ÆóÒµÍøÕ¾½¨ÉèÓëÍÆ¹ã
ÍøÕ¾½¨Éè·½°¸Êé
Ïà¹Ø¿Î³Ì

Éè¼ÆÄ£Ê½Ô­ÀíÓëÓ¦ÓÃ
´ÓÐèÇó¹ý¶Éµ½Éè¼Æ
Èí¼þÉè¼ÆÔ­ÀíÓëʵ¼ù
ÈçºÎ±àд¸ßÖÊÁ¿´úÂë

Ê®Ììѧ»áDIV+CSS(WEB±ê×¼)
HTML 5µÄ¸ïУº½á¹¹Ö®ÃÀ
½éÉÜ27¿î¾­µäµÄCSS¿ò¼Ü
35¸öÓд´ÒâµÄ404´íÎóÒ³Ãæ
×îÈÝÒ×·¸µÄ13¸öJavaScript´íÎó
Éè¼ÆÒ×Àí½âºÍ²Ù×÷µÄÍøÕ¾

Éè¼ÆÄ£Ê½Ô­ÀíÓëÓ¦ÓÃ
´ÓÐèÇó¹ý¶Éµ½Éè¼Æ
Èí¼þÉè¼ÆÔ­ÀíÓëʵ¼ù
ÈçºÎ±àд¸ßÖÊÁ¿´úÂë
µ¥Ôª²âÊÔ¡¢Öع¹¼°³ÖÐø¼¯³É
Èí¼þ¿ª·¢¹ý³ÌÖ¸ÄÏ

¶«Èí¼¯ÍÅ ´úÂëÖØ¹¹
ij½ðÈÚÈí¼þ·þÎñÉÌ ¼¼ÊõÎĵµ
Öдïµçͨ Éè¼ÆÄ£Ê½Ô­ÀíÓëʵ¼ù
·¨¹úµçÐÅ ¼¼ÊõÎĵµ±àдÓë¹ÜÀí
Î÷ÃÅ×Ó Ç¶ÈëʽÉè¼ÆÄ£Ê½
ÖÐд󶫷½ÈËÊÙ ¼¼ÊõÎĵµ±àд