Framerã§å‹•ãモックアップを簡å˜ä½œæˆ
19. JavaScriptã ã‘ã©ã€é›£ã—ããªã„ imageLayer = new Layer({x:0, y:0, width:128, height:128, image:"images/ icon.png"}) imageLayer.center() imageLayer.states.add({ second: {y:100, scale:0.6, rotationZ:100}, third: {y:300, scale:1.3}, fourth: {y:200, scale:0.9, rotationZ:200}, }) imageLayer.states.animationOptions = { curve: "spring(500,12,0)" } imageLayer.on(Events.Click, function() { imageLayer.states.next()
アプリ制作ã§ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ングを導入ã™ã‚‹å‰ã«çŸ¥ã£ã¦ãŠããŸã„ã“㨠| UXデザイン会社Standardã®ãƒ–ãƒã‚°
2014.10.29 / Prototyping, UI アプリ制作ã§ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ングを導入ã™ã‚‹å‰ã«çŸ¥ã£ã¦ãŠããŸã„ã“㨠Ryo Yoshitake Formã€Launchã€Mityaã€Origamiã€Pixateã€Prottã€Weld… ã“れらãŒä½•ã§ã‚ã‚‹ã‹ã€ã¿ãªã•ã¾ã¯ã”å˜çŸ¥ã§ã—ょã†ã‹ã€‚ 実ã¯ä¸Šã«æŒ™ã’ãŸã®ã¯ã€ã“ã“1å¹´é–“ã§ä¸–ã«å‡ºãŸãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リ・Webページ用ã®ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ングツール / サービスã®å称ã§ã™ï¼ˆã¾ã ãƒãƒ¼ãƒ³ãƒã—ã¦ã„ãªã„ã‚‚ã®ã‚‚å«ã‚ã‚Œã°ã‚‚ã£ã¨ã‚ã‚Šã¾ã™ï¼‰ã€‚ ã“ã“2å¹´ã»ã©ã§ã€ã‚¢ãƒ—リをä¸å¿ƒã¨ã—ãŸãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°å¸‚å ´ã¯æ€¥æ¿€ã«æ‹¡å¤§ã—ã¦ãŠã‚Šã€ã™ã§ã«çŸ¥ã‚‰ã‚Œã¦ã„るメジャーãªã‚‚ã®ã‚‚å«ã‚ã‚Œã°ãã®æ•°ã¯å„ªã«30を超ãˆã¾ã™ã€‚ ãれゆãˆã«ã€ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ングã«èˆˆå‘³ã‚’æŒã¡å§‹ã‚ã€ã“ã‚Œã‹ã‚‰ä½¿ã£ã¦ã¿ãŸã„ã¨è€ƒãˆã¦ã„ã‚‹æ–¹ã®å¤šãã¯ã€ã©ã®ãƒ„ールを使ãˆã°ã‚ˆã„ã‹è¿·ã£ã¦ã„ã‚‹ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ ã—ã‹ã—ã€ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ングを行ã†ä¸Šã§ã¯ãƒ„ー
Free Web & Mobile (iOS, Android) Prototyping and UI Mockup Tool | InVision
Freehand – The all-in-one collaborative workspaceUnlock your team’s full potential – ideate, plan, execute, and track projects with Freehand There is something so natural about collaborating in Freehand. It feels like you’re holding a marker, and making ideas happen. I can’t imagine doing that in another tool. It captures that human essence of being in person and talking to someone that is right n
ã€2014.08.15 追記】"使ãˆã‚‹"モãƒã‚¤ãƒ«ã‚¢ãƒ—リã®UIプãƒãƒˆã‚¿ã‚¤ãƒ”ングツール・サービス18個 - よりã¶ã‚
2013å¹´ãµã‚Šã‹ãˆã‚Šã¨2014å¹´ã®äºˆæƒ³ã§ã‚‚書ã„ãŸã‚ˆã†ã«ã€ã“ã“1å¹´ã§ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リã®ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—を作れるツール・サービスãŒæ•°å¤šãç™»å ´ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ã†ã‘ã£ã“ã†ãªæ•°ãŒå‡ºã¦ãã¾ã—ãŸã®ã§ã€ã“ã‚Œã‹ã‚‰ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ングを検討ã—よã†ã¨ã—ã¦ã„ã‚‹æ–¹ã®å‚考ã«ã€ã¾ãŸè‡ªåˆ†è‡ªèº«ã®æŠŠæ¡ã®ãŸã‚ã«ã€ä¸€åº¦æ•´ç†ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãªãŠã€ä¾‹ã«ã‚ˆã£ã¦å¾ŒåŠã¯æ¯åˆ‡ã‚Œæ°—味ã§ã™ã€‚気付ã„ãŸã‚‰1万文å—è¿‘ã書ã„ã¦ãŸâ€¦ (2014.08.15)記事書ã„ã¦ã‹ã‚‰åŠå¹´ãらã„経ã£ã¦ã€å„種サービスもアップデートã—ãŸã‚ŠãŒã‚ã£ãŸã®ã§ã„ã‚ã„ã‚ã¨è¿½è¨˜ã—ã¾ã—㟠プãƒãƒˆã‚¿ã‚¤ãƒ”ングã¨ã¯ä½•ã‹ ãã‚‚ãもプãƒãƒˆã‚¿ã‚¤ãƒ”ングã£ã¦ä½•ãžã‚„ã¨ã„ã†ãŠè©±ãªã®ã§ã™ãŒã€Wikipediaã«ã„ã„æ„Ÿã˜ã®è§£èª¬ãŒè¼‰ã£ã¦ãŠã‚Šã¾ã—ãŸã®ã§è»¢è¼‰ã—ã¾ã™ã€‚ "プãƒãƒˆã‚¿ã‚¤ãƒ”ング（Prototyping）ã¨ã¯ã€å®Ÿåƒã™ã‚‹ãƒ¢ãƒ‡ãƒ«ï¼ˆãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—）を早期ã«è£½ä½œã™ã‚‹æ‰‹æ³•ãŠã‚ˆã³ãã®éŽç¨‹ã‚’æ„味ã™ã‚‹ã€‚ãã®ç›®çš„ã¯ã€è¨è¨ˆã‚’様々ãªè¦³ç‚¹
Web・アプリ開発ã«ä½¿ãˆã‚‹ç„¡æ–™ã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ツールã¾ã¨ã‚
Web制作やアプリ開発ã§ã¯ã€æœ¬æ ¼çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ã«å…¥ã‚‹å‰ã«ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ 作るã“ã¨ãŒã‚ˆãã‚ã‚Šã¾ã™ã€‚制作会社ã«ã‚ˆã£ã¦ã¯Power pointã‚„Excelãªã©ãŒä½¿ã‚れるã“ã¨ã‚‚ã‚ã‚Šã¾ã™ãŒã€ãれらã¯ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã«æœ€é©åŒ–ã•ã‚Œã¦ãŠã‚‰ãšã€ã‚„ã‚„ä¸ä¾¿ã€‚ 以下ã§ç´¹ä»‹ã™ã‚‹ã‚ˆã†ãªãƒ„ールを使ãˆã°ã€ã‚‚ã£ã¨ä¾¿åˆ©ã§è±Šå¯Œãªæ©Ÿèƒ½ã‚’使ã†ã“ã¨ãŒã§ãã¾ã™ã€‚Excel方眼紙ã‹ã‚‰å’æ¥ã—ãŸã„ï¼ã¨ã„ã†æ–¹ã¯è¦ãƒã‚§ãƒƒã‚¯ã€‚ ç„¡æ–™ã§ä½¿ãˆã‚‹ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ツールã¾ã¨ã‚ JUSTINMIND ã“ã¡ã‚‰ã¯ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã§å¯èƒ½ãªãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ングツール。PCサイトã¯ã‚‚ã¡ã‚ã‚“ã€ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã®ã‚µã‚¤ãƒˆã‚„アプリã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ も作れã¾ã™ã€‚Photoshopã®ã‚ˆã†ãªæ´—ç·´ã•ã‚ŒãŸUIã§ã€ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¿½åŠ ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Wireframe CC ã“ã¡ã‚‰ã¯å®Œå…¨ãƒ•ãƒªãƒ¼ã§ä½¿ãˆã‚‹ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ツール。Webアプリãªã®ã§ãƒ–ラウザ上ã§ç·¨é›†ã™
ペーパープãƒãƒˆã‚¿ã‚¤ãƒ”ング入門 – 第4回 見やã™ã„ペーパープãƒãƒˆã®æãæ–¹ | fladdict
ペーパープãƒãƒˆã‚¿ã‚¤ãƒ”ング講座シリーズ。第4回ã¯æ¸…書ã®ä»•æ–¹ã€‚絵心ãªã‚“ã¦å¿…è¦ãªã„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°çš„アプãƒãƒ¼ãƒã‹ã‚‰ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¹ã‚±ãƒƒãƒã®æã方講座。ãƒãƒ¼ãƒ 共有やプレゼン用ã«ã€ã‚¹ãƒ”ーディーã§åŠ¹çŽ‡ã®è‰¯ã„清書ã®ã—ã‹ãŸã‚’紹介ã™ã‚‹ã€‚（第3回ã¯æº–å‚™ã«æ™‚é–“ãŒã‹ã‹ã‚Šã™ãŽãŸã®ã§ã€ç¬¬4回を先ã«æŽ²è¼‰ï¼‰ シャーペンã§ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’ç·´ã‚‹ サインペン3種類ã§å¤ªã•ã«å·®ã‚’ã¤ã‘ã‚‹ マーカー3種類ã§æ¿ƒæ·¡ã‚’ã¤ã‘ã‚‹ ãƒãƒƒãƒ—アップや状態変化をãƒã‚¹ãƒˆã‚¤ãƒƒãƒˆã§ä½œã‚‹ シャーペンã§ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’ç·´ã‚‹ 最åˆã®æ®µéšŽã§ã¯é«˜é€Ÿã«è©¦è¡ŒéŒ¯èª¤ã™ã‚‹ã®ãŒé‡è¦ã€‚ ç´™ã«é–¢ã—ã¦ã¯ã€ã„ã¤ã‚‚ã©ãŠã‚Šãƒšãƒ¼ãƒ‘ー・プãƒãƒˆã‚¿ã‚¤ãƒ”ング・パッドを使用ã™ã‚‹ã€‚ シャーペンã§æã„ã¦ã¯æ¶ˆã—ã¦ã‚’ç¹°ã‚Šè¿”ã—ã€ã‚らゆるå¯èƒ½æ€§ã‚’広範囲ã«è©¦ã—ã¦ã„ã。ã¨ã«ã‹ã手戻りをæã‚Œãšã«ã‚¬ãƒ³ã‚¬ãƒ³æã。ã“ã®æ®µéšŽã§ã¯è‡ªåˆ†ã•ãˆç†è§£ã§ãã‚Œã°ã‚ˆã„。ã‚る程度アイデアãŒå›ºã¾ã£ã¦ããŸã‚‰ã€Œæ‰‹æ—©ãã€æ¸…書ã™ã‚‹ã€‚清書ã¯ãƒãƒ¼ãƒ 共有やテストã€ãƒ—レゼンã®ãŸ
ペーパープãƒãƒˆã‚¿ã‚¤ãƒ”ング入門 – 第2回 ペーパープãƒãƒˆã‚¿ã‚¤ãƒ”ングã«ä½¿ã†é“å…· | fladdict
ペーパープãƒãƒˆã‚¿ã‚¤ãƒ”ング講座シリーズ。第2回ã¯æº–備編。å‰å›žã¯ã“ã¡ã‚‰ã€‚プãƒãƒˆã‚¿ã‚¤ãƒ”ングを始ã‚ã‚‹ã«ã‚ãŸã£ã¦å¿…è¦ãªã‚‚ã®ã‚’列挙ã™ã‚‹ã€‚ å¿…é ˆãƒ„ãƒ¼ãƒ« ç´™ ã¾ãšç´™ã¯å¤§é‡ã«å¿…è¦ã€‚A4コピー紙や大型ã®ãƒã‚¹ãƒˆã‚¤ãƒƒãƒˆãŒä¸€èˆ¬çš„。スマホアプリã®å ´åˆã¯ã€å¼Šç¤¾ãŒå°‚用ã«é–‹ç™ºã—ãŸãƒšãƒ¼ãƒ‘ープãƒãƒˆã‚¿ã‚¤ãƒ—用ノートãŒä¾¿åˆ©ã€‚実寸ã§æ¤œè¨¼ã§ãるよã†ã«å¿ƒãŒã‘よã†ã€‚ シャーペン 下書ã用ペン。消ã—ã‚„ã™ã„芯ãŒã‚ˆã„。個人的ã«ã¯ã‚¹ãƒ†ãƒƒãƒ‰ãƒ©ãƒ¼ã‚’愛用。 サインペン 清書用ã®ãƒšãƒ³ã€‚ãƒãƒ¼ãƒ 共有やテスト時ã«èªã¿ã‚„ã™ãã™ã‚‹ãŸã‚ã«ä½¿ã†ã€‚ç´°ã„ã€æ™®é€šã€å¤ªã„ã®3種類ã®ãƒšãƒ³ãŒã‚ã‚‹ã¨ã‚ˆã„。個人的ã«ã¯0.05mmã€0.3mmã€1.0mmã®3本を使ã£ã¦ã„る。オススメã¯ãƒ”グマã‹ã‚³ãƒ”ックマルãƒãƒ©ã‚¤ãƒŠãƒ¼ã€‚ マーカー 清書用ツール。タップエリアやã€æ³¨ç›®ã•ã›ãŸã„コンãƒãƒ¼ãƒãƒ³ãƒˆã‚’é¢ã§è¦‹ã›ã‚‹ç‚ºã«ä½¿ã†ã€‚最低é™ï¼’色。薄ã„グレーã¨æ¿ƒã„グレーãŒã‚ã‚‹ã¨ã‚ˆã„。å¯èƒ½ãªã‚‰ã°ã‚¢ãƒ—リã¨ã‚¿ãƒƒãƒ—色やè¦å‘Šè‰²ãªã©ã‚‚
PopApp Magazine - Popular Magazine
Welcome to PopApp.in, your trusted source for the latest news, information, and insights. We are dedicated to delivering high-quality content that informs, engages, and entertains our diverse readership. Our Mission At PopApp.in, our mission is clear: to provide you with accurate, unbiased, and timely news that matters. We believe in the power of information to shape perspectives, drive conversati
楽ã—ã作れるï¼ã‚¹ãƒžãƒ›ã‚¢ãƒ—リ/サイトã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ・モックアップ作æˆæ”¯æ´ãƒ„ール7é¸ | DevelopersIO
ワイヤーフレームを楽ã—ã作ã‚ã†ï¼ é…力的ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚’ユーザーã«å±Šã‘ã‚‹ãŸã‚ã«ã€ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã¯ã¨ã¦ã‚‚é‡è¦ã§ã™ã€‚ 何より自分自身ãŒæ¥½ã—ã‚“ã§ä½œã‚‰ãªã„ã¨ã€è‰¯ã„アイデアã¯ç”Ÿã¾ã‚Œãªã„ã‚‚ã®ã§ã™ã‚ˆã。 ã¨ã„ã†ã“ã¨ã§ã€Œæ¥½ã—ã作れるï¼ã€ã¨ã„ã†è¦³ç‚¹ã‹ã‚‰ã€ãŠã™ã™ã‚ã®ã‚¹ãƒžãƒ›ã‚¢ãƒ—リ/サイトã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã®ä½œæˆã‚’支æ´ã™ã‚‹ãƒ„ールをã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸï¼ã‚‚ã¡ã‚ã‚“ã™ã¹ã¦ç„¡æ–™ã§å§‹ã‚られã¾ã™ï¼ ã§ã¯æ—©é€Ÿã©ã†ãžã€œï¼ Fluid UI http://www.fluidui.com/ プレビュー機能ã§ç”»é¢é·ç§»ã‚‚作れる UIパーツãŒæœ¬ç‰©ã«ã‹ãªã‚Šè¿‘ã„å½¢ã§è¡¨ç¾ã•ã‚Œã¦ã„ã¾ã™(ã‚€ã—ã‚ãã®ã¾ã¾ï¼Ÿ)。UIパーツã¯Wireframeã€iPhoneã€iPadã€Androidã€Android 4.0ã€Android Tabletã€Windows Phoneã®ä¸ã‹ã‚‰è‡ªç”±ã«é¸ã¹ã¾ã™ã€‚ã‹ãªã‚Šè±Šå¯Œã§ã™ã€‚ã¾ãŸã‚ªãƒªã‚¸ãƒŠãƒ«ç”»åƒã‚’アップãƒãƒ¼ãƒ‰ã—ã¦ä½¿ã†ã“
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Free prototyping tool for web & mobile apps - Justinmind
HugeDomains.com
Flinto - The App Design App
iPad Mini, æ–°åž‹iMac, iPod Touch ã‚‚ã¡ã‚ã‚“iPhone5ãªã©ã„ã‚ã„ã‚ã€æœ€è¿‘ã®AppleãŒç™ºè¡¨ã—ãŸãƒ—ãƒãƒ€ã‚¯ãƒˆã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—用ã®ç´ æã®ã¾ã¨ã‚
http://mokk.me/
{{#tags}}- {{label}}
{{/tags}}