æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
ã€ä¿å˜ç‰ˆã€‘iOS 7ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚„アイコンを作æˆã™ã‚‹ã®ã«å½¹ç«‹ã¤ãƒ‡ã‚¶ã‚¤ãƒ³ç”¨ã®ç´ æ・ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚
ホワイトをベースã«ã—ãŸãƒ•ãƒ©ãƒƒãƒˆãªã‚¹ã‚¿ã‚¤ãƒ«ã€ã‚½ãƒªãƒƒãƒ‰ãªãƒ©ã‚¤ãƒ³ã€ç£¨ã‚Šã‚¬ãƒ©ã‚¹ã®ã‚ˆã†ãªåŠé€æ˜Žãªãƒ‘ãƒãƒ«ã€ãƒ–ラーエフェクトãªã©ã€iOS 7ã®ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚„アイコンを作æˆã™ã‚‹ã®ã«å½¹ç«‹ã¤ç´ æ・リソースを紹介ã—ã¾ã™ã€‚ 本体ã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—用ã®ç´ æã¯ã€å‰å›žã¾ã¨ã‚ãŸiPhone 5s/5cã‚’ã©ã†ãžã€‚ iPhone 5s/5cã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—用ã®PSDç´ æã®ã¾ã¨ã‚
Home - Pencil Project
An open-source GUI prototyping tool that's available for ALL platforms. Pencil is built for the purpose of providing a free and open-source GUI prototyping tool that people can easily install and use to create mockups in popular desktop platforms. The latest stable version of Pencil is 3.1.1 which contains stability fixes and many new features. More details can be found in the release notes. Proje
Free iOS UI Kit
Start designing iOS apps today with this comprehensive GUI kit for Photoshop. Absolutely every element you see is 100% vector and completely editable! Update: Sept 11 2013 This kit is now based on the official release of iOS 7. Free License Feel free to download and use this item for both personal and commercial projects with attribution back to MediaLoot. Please note: Attribution is required for
æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
楽ã—ã作れるï¼ã‚¹ãƒžãƒ›ã‚¢ãƒ—リ/サイトã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ・モックアップ作æˆæ”¯æ´ãƒ„ール7é¸ | DevelopersIO
ワイヤーフレームを楽ã—ã作ã‚ã†ï¼ é…力的ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚’ユーザーã«å±Šã‘ã‚‹ãŸã‚ã«ã€ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã¯ã¨ã¦ã‚‚é‡è¦ã§ã™ã€‚ 何より自分自身ãŒæ¥½ã—ã‚“ã§ä½œã‚‰ãªã„ã¨ã€è‰¯ã„アイデアã¯ç”Ÿã¾ã‚Œãªã„ã‚‚ã®ã§ã™ã‚ˆã。 ã¨ã„ã†ã“ã¨ã§ã€Œæ¥½ã—ã作れるï¼ã€ã¨ã„ã†è¦³ç‚¹ã‹ã‚‰ã€ãŠã™ã™ã‚ã®ã‚¹ãƒžãƒ›ã‚¢ãƒ—リ/サイトã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã®ä½œæˆã‚’支æ´ã™ã‚‹ãƒ„ールをã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸï¼ã‚‚ã¡ã‚ã‚“ã™ã¹ã¦ç„¡æ–™ã§å§‹ã‚られã¾ã™ï¼ ã§ã¯æ—©é€Ÿã©ã†ãžã€œï¼ Fluid UI http://www.fluidui.com/ プレビュー機能ã§ç”»é¢é·ç§»ã‚‚作れる UIパーツãŒæœ¬ç‰©ã«ã‹ãªã‚Šè¿‘ã„å½¢ã§è¡¨ç¾ã•ã‚Œã¦ã„ã¾ã™(ã‚€ã—ã‚ãã®ã¾ã¾ï¼Ÿ)。UIパーツã¯Wireframeã€iPhoneã€iPadã€Androidã€Android 4.0ã€Android Tabletã€Windows Phoneã®ä¸ã‹ã‚‰è‡ªç”±ã«é¸ã¹ã¾ã™ã€‚ã‹ãªã‚Šè±Šå¯Œã§ã™ã€‚ã¾ãŸã‚ªãƒªã‚¸ãƒŠãƒ«ç”»åƒã‚’アップãƒãƒ¼ãƒ‰ã—ã¦ä½¿ã†ã“
Mockingbird has Shut Down
Mockingbird is no longer in operation. We’re hoping to open-source the code sometime in the near future. In the meantime, some simple alternatives, in a similar spirit to Mockingbird, are: Excalidraw: https://excalidraw.com TLDraw: https://www.tldraw.com If you need a more comprehensive mockup solution, you might want to check out the following: FigJam: https://www.figma.com/figjam/ MockFlow: http
ワイヤーフレーム/ モックアップを作æˆã™ã‚‹ãŸã‚ã®ãƒ•ãƒªãƒ¼ã‚¢ãƒ—リ10 – creamu
ワイヤーフレーム/ モックアップを作りãŸã„。 ãã‚“ãªã¨ãã«ãŠã™ã™ã‚ãªã®ãŒã€ã€Ž10 Completely Free Wireframe and Mockup Applicationsã€ã€‚ワイヤーフレーム/ モックアップを作æˆã™ã‚‹ãŸã‚ã®ãƒ•ãƒªãƒ¼ã‚¢ãƒ—リ集ã§ã™ã€‚ ãªã‹ãªã‹ã„ã„æ„Ÿã˜ã®ãŒæƒã£ã¦ã„ã¾ã™ã‚ˆã€‚ Pencil Project ワイヤーフレームãŒä½œã‚Œã‚‹æœ‰åãªFirefoxアドオン Web Site Wireframe Tool オンラインã§ã‚·ãƒ³ãƒ—ルã«ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ を作ã£ã¦ã€ãƒ‘ーマリンクã§å…±æœ‰ã§ãるサービス Hot Gloo – The Online Wireframe App Flashベースã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ 作æˆã‚¢ãƒ—リ。ç¾åœ¨ç„¡æ–™ DUB – DENIM Windows, Unix, Mac OS Xã§åˆ©ç”¨ã§ãるデスクトップアプリ Mockingbird UIã®ç¶ºéº—ãªMockingbird
JavaScriptã§èªã¿è¾¼ã‚€CSSファイルをã¾ã‚‹ã£ã¨[7korobi8oki.com]
代表ä¸å±±é™½å¹³ ブãƒã‚°ã€Œè‹¦æ‰‹æ„è˜ã‚’ç„¡ãã›ã°Web活用ã¯ã†ã¾ãã„ãã€å¼Šç¤¾ã§ã¯ã€ŒãŒã‚“ã°ã‚‹ä¸å°ä¼æ¥ã€ã®Web活用をサãƒãƒ¼ãƒˆã—ã¦ã„ã¾ã™ã€‚今ã®æ™‚代ã€ç¬¬3者ã§ã‚ã‚‹ã€åˆ¶ä½œä¼šç¤¾ã‚„代ç†åº—ã«ãŠã¾ã‹ã›ã§ã¯å‹ã¦ã¾ã›ã‚“。åŒã˜ã‚ˆã†ãªå•†å“・サービスãŒæº¢ã‚Œã‚‹ä¸ã€é¸ã‚“ã§ã‚‚らã†ãŸã‚ã®ã‚³ãƒ³ã‚»ãƒ—トを立ã¦ã€ãれを実ç¾ã™ã‚‹ãŸã‚ã«ãƒãƒƒãƒˆã‚‚リアルもç·å‹•å“¡ã—ãªãŒã‚‰æˆ¦ã†å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ã¿ãªã•ã‚“ãŒä¸–ã®ä¸ã«ãƒ»è‡ªç¤¾ã®å¾“æ¥å“¡ã«å®Ÿç¾ã—ãŸã„幸ã›ã‚„æ供価値をã€ã—ã£ã‹ã‚Šã¨å®Ÿç¾ã—ã¦ã„ããŸã‚ã«ã¯ã€ã¿ãªã•ã‚“自身ãŒä¸»å½¹ã«ãªã‚Šã€ç§é”ã®ã‚ˆã†ãªå°‚門会社ãŒå´é¢æ”¯æ´ã™ã‚‹ã®ãŒãƒ™ã‚¹ãƒˆã§ã™ã€‚ ã“ã®ãƒ–ãƒã‚°ã§ã¯å¾¡ç¤¾ãŒä¸å¿ƒã¨ãªã£ã¦ã‚¦ã‚§ãƒ–活用ã§ãるヒントをé…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ãŠæ‚©ã¿ã®æ–¹ã¯ãŠæ°—軽ã«å•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã‹ã‚‰ã”相談ãã ã•ã„。 最新ã®è¨˜äº‹ä¸€è¦§
![JavaScriptã§èªã¿è¾¼ã‚€CSSファイルをã¾ã‚‹ã£ã¨[7korobi8oki.com]](https://cdn-ak-scissors.b.st-hatena.com/image/square/e43158a9b02ff4438d55128491865b833395bd4d/height=288;version=1;width=512/https%3A%2F%2Froundup-inc.co.jp%2Fwp-content%2Fuploads%2F2019%2F09%2F9106fa4d7b0fdf2534aa97dea102e186.png)
Photoshopã§ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—を作るãŸã‚ã®Tips10é¸ â€“ creamu
Photoshopã§ã‚µã‚¤ãƒˆã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ãŒä½œã‚ŠãŸã„。 ãã‚“ãªã¨ãã«ãŠã™ã™ã‚ãªã®ãŒã€ã€Ž10 Tips For Creating Website Mockups In Photoshopã€ã€‚Photoshopã§ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—を作るãŸã‚ã®Tips10é¸ã 。 以下ã«ã„ãã¤ã‹ã”紹介。 フォントã¯ã‚¢ãƒ³ãƒã‚¨ã‚¤ãƒªã‚¢ã‚¹ã‚’オフã«ã™ã‚‹ Windowsã¯ã‚¢ãƒ³ãƒã‚¨ã‚¤ãƒªã‚¢ã‚¹ãŒã‹ã‹ã‚‰ãªã„ã®ã§ã€ã‚ªãƒ•ã§ä½œæˆã€‚ フォントã«ã¯é®®æ˜Žã®ã‚¢ãƒ³ãƒã‚¨ã‚¤ãƒªã‚¢ã‚¹ã‚’ã‹ã‘ã‚‹ ã“ã®ã‚¢ãƒ³ãƒã‚¨ã‚¤ãƒªã‚¢ã‚¹ãŒä¸€ç•ªãƒ–ラウザã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã«è¿‘ã„。11pxã‹12px以下ã®å ´åˆã€ã»ã¨ã‚“ã©ã®ãƒ–ラウザã§ã¯ã‚¹ãƒ ースフォントã«å¯¾å¿œã—ã¦ã„ãªã„ãŸã‚ã€ã‚¢ãƒ³ãƒã‚¨ã‚¤ãƒªã‚¢ã‚¹ã¯ã‚ªãƒ•ã«ã—ãŸæ–¹ãŒã„ã„ã ã‚ã†ã€‚ （＊追記（08.09.13）コメントをã„ãŸã ã„ã¦æ°—付ã„ãŸã‚“ã§ã™ãŒã€å®Œå…¨ã«è¨˜äº‹ã‚’èªã¿é–“é•ãˆã¦ã„ã¾ã—ãŸm(_ _)mä¿®æ£ã€åŠã³è¿½è¨˜ã—ã¾ã™ ） テã‚ストã¯Webセーフフォントを使ㆠMSゴシッ
10 Tips For Creating Website Mockups In Photoshop // Plasticmind
Here are some things I’ve discovered while creating website mockups in Photoshop. They’re not gospel, just things that you may find helpful: 1. Use shapes and shape layers as often as possible. You can resize then easily without quality loss, good for later changes. 2. Blending options are your friend. Double click a shape layer and you can do all sorts of effects: gradients, shadows, color overla
1
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Site Under Maintenance
iPhone3,4,5用ã®ä¸»è¦ãªUIãŒå…¨éƒ¨æƒã£ã¦ã‚‹ï¼ã‚¢ãƒ—リ開発用ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ãƒ³ãƒ—レートã®PSDç´ æ -iPhone App Templates Pack
{{#tags}}- {{label}}
{{/tags}}