OmniGraffle Wireframe Stencils [Archived] | Konigi
AboutThis is a set of shapes for making wireframe in OmniGraffle 5 Pro or OmniGraffle 6 (Mac OS X). It consists of most of the basic elements you'll need to create user interface specifications. No Installation Required!The stencils ship with OmniGraffle! Find them in the Software category. To download them anyway, get the file and open it, when it appears click the Install button. DownloadDownloa
OmniGraffleã§Web制作/開発ã®äººãŒä½¿ãˆãã†ãªã‚¹ãƒ†ãƒ³ã‚·ãƒ«ã‚’20+4個é¸ã‚“ã§ã¿ãŸ – 我æµå¤©æ€§ ãŒã‚‰ããŸå±‹
Mind Mapや時系列ã€è°äº‹éŒ²ãªã‚“ã‹ã¯ã‚‚ã†XMind(詳細ã¯ã€Œæ—¥æœ¬èªžå…¥åŠ›ã‚‚å¯èƒ½ãªã‚ªãƒ¼ãƒ—ンソースã®ãƒžã‚¤ãƒ³ãƒ‰ãƒžãƒƒãƒ—「XMind〠| コリスã€ã«ã¦)ã§ã„ã„ã‚„ã¨æ€ã†ã®ã§ã™ãŒã€å›³ã¯ã‚„ã£ã±ã‚Šã‚ªãƒ ニグラフãŒè‰¯ã„ãªã¨åƒ•ã®å ´åˆæ€ã£ãŸã‚Šã—ã¦ã¾ã™ã€‚ Web制作をã—ã¦ã‚‹ã¨ã€ã‚ˆãæ案書や仕様書やフãƒãƒ¼å›³ã€ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã€UIç”»é¢ã€ã‚«ãƒ³ãƒ—ã®Webフォームãªã©ã‚’書ãã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ãã†ã„ã†æ™‚ã«ä¾¿åˆ©ãã†ãªMac OSXã®ã‚ªãƒ ニグラフã®ã‚¹ãƒ†ãƒ³ã‚·ãƒ«(Stencil)を独æ–ã§é¸ã‚“ã§ã¿ã¾ã—ãŸã€‚ ä¼ç”»æ›¸ã€ãƒ‰ã‚ュメント系(3) Webブラウザã®UIã€ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ç³»(8) iPhoneç³»(3) アイコン系(6) ãã®ä»–(4) 探ã—ãŸã®ã¯ã‚ªãƒ ニグラフã®ãƒ•ãƒªãƒ¼ã®ã‚¹ãƒ†ãƒ³ã‚·ãƒ«ãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãる「Graffletopiaã€ã‹ã‚‰ã€‚ 今ã€ä»•äº‹ã§ã„ã‚ã„ã‚書ã‹ãªã„ã¨ã„ã‘ãªãã¦ã€ãã†ã„ã†ç›®ç·šã§æŽ¢ã—ã¦ãŸã‚‰çµæ§‹è‰¯è³ªã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒãŸãã•ã‚“ã‚ã£ã¦ã€æ›¸
OmniGraffleを使ã£ãŸãƒ†ãƒ³ãƒ—レート作り
OmniGraffleã¯ã€ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’ã•ã•ã£ã¨æ›¸ãã®ã«å¤§å¤‰ä¾¿åˆ©ãªãƒ„ール。以å‰ã€Œã‚µã‚¤ãƒˆåˆ¶ä½œã«ä¾¿åˆ©ãªOmniGraffleステンシルã€ã¨ã„ã†è¨˜äº‹ã§ã€é«˜å“質ã®ã‚¹ãƒ†ãƒ³ã‚·ãƒ«ã‚’å¹¾ã¤ã‹ç´¹ä»‹ã—ãŸã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ã“れらを使ãˆã°æ‰‹è»½ã«å®Œæˆå“ã«è¿‘ã„見ãŸç›®ã®çµµå›³ã‚’作るã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ãªã‹ãªã‹ä¾¿åˆ©ãª OmniGraffle ã§ã™ãŒã€é€šå¸¸ç‰ˆã¨ãƒ—ãƒç‰ˆã®ï¼’ã¤ã‚ã‚Šã€ã©ã¡ã‚‰ã‹è¿·ã£ã¦ã„る方もã„ã‚‹ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚今回紹介ã™ã‚‹ãƒã‚¦ãƒ„ーã¯é€šå¸¸ç‰ˆã§ã‚‚ã‚る程度出æ¥ã¾ã™ãŒã€ãƒ—ãƒç‰ˆã§åŠ¹æžœã‚’発æ®ã™ã‚‹ãƒ†ãƒ³ãƒ—レートã®ä½œã‚Šæ–¹ã§ã™ã€‚ 変数を活用ã™ã‚‹ 書類を制作ã™ã‚‹éš›ã«ã€ä½•åº¦ã‚‚åŒã˜ã“ã¨ã‚’書ãå ´åˆã‚„ã€ãƒšãƒ¼ã‚¸ç•ªå·ã‚’挿入ã—ãŸã„å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ã“ã†ã—ãŸæƒ…å ±ã‚’æ‰‹å…¥åŠ›ã—ã¦ã„ã‚‹ã¨å¤§å¤‰æ‰‹é–“ãŒã‹ã‹ã‚Šã¾ã™ã€‚OmniGraffle ã«ã¯ãƒ†ã‚ストフィールドã«å¤‰æ•°ã‚’利用ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã€ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«æ–‡å—ã‚„æ•°å—を生æˆã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚例ãˆã°ã€å„ã‚ャンãƒã‚¹ã‚’ペー
UI Document
æƒ…å ±ã‚¢ãƒ¼ã‚テクãƒãƒ£ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³è¨˜è¿°ã®ãŸã‚ã®ãƒ“ジュアルボã‚ャブラリー version 1.1b-j (29 June, 2002) based on version 1.1b (6 March 2002) 目次 サマリー ãƒãƒ¼ã‚¸ãƒ§ãƒ³å±¥æ´ ã¯ã˜ã‚㫠基本概念 基本è¦ç´ ：ページã€ãƒ•ã‚¡ã‚¤ãƒ«ã€ãã—ã¦ãれらã®é›†ã¾ã‚Š 関係性ã®è¨˜è¿°ï¼šã‚³ãƒã‚¯ã‚¿ãƒ¼ã¨çŸ¢å° ã™ã¹ã¦ã‚’一度ã«ï¼šä¸¦åˆ—セット 一時ä¸æ–：連続ãƒã‚¤ãƒ³ãƒˆ 共通è¦ç´ ：エリアã¨å復エリア å†åˆ©ç”¨å¯èƒ½ãªè¦ç´ ：フãƒãƒ¼ã‚¨ãƒªã‚¢ã¨å‚ç…§ æ¡ä»¶è¦ç´ ã®åŸºæœ¬æ¦‚念 é¸æŠžã›ã‚ˆï¼šæ„志決定点 探検者(パスã®èª˜å°Ž)：æ¡ä»¶çš„ãªã‚³ãƒã‚¯ã‚¿ãƒ¼ã¨çŸ¢å° 複数ã®é¸æŠžï¼šæ¡ä»¶çš„ãªåˆ†å² 一ã¤ã‹è¤‡æ•°ã‹ï¼šæ¡ä»¶çš„ãªé¸æŠžè‚¢ 一ã¤ã®æ±ºå®šã€è¤‡æ•°ã®ãƒ‘ス：クラスター 制約æ¡ä»¶ã‚り：æ¡ä»¶çš„ãªã‚¨ãƒªã‚¢ çµè«– ダウンãƒãƒ¼ãƒ‰å¯èƒ½ãªãƒ‘ーツライブラリ サマリー ダイアグラムã¯ã‚¦ã‚§ãƒ–開発ãƒãƒ¼ãƒ 内ã§æƒ…å ±ã‚¢ãƒ¼ã‚テクãƒãƒ£ã‚„インタラク
サイト制作ã«ä¾¿åˆ©ãªOmniGraffleステンシル : could
UIワイヤーフレームサイト制作ã«ä¾¿åˆ©ãªOmniGraffleステンシル 制作メンãƒãƒ¼ã®ä½“勢やスケジュールã«ã‚ˆã£ã¦ã¯ HTML ã§ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—を作るã“ã¨ãŒã‚ã‚Šã¾ã™ãŒã€ãã†ã§ãªã„å ´åˆã¯ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’ OmniGraffle ã§ä½œã£ã¦ã„ã¾ã™ã€‚ OmniGraffle ã§ã¯ã€ã‚ªãƒ–ジェクトをæƒãˆãŸã‚Šèª¿æ•´ãŒç°¡å˜ã§ã™ã—ã€ãƒžãƒ«ãƒãƒšãƒ¼ã‚¸ã«ã‚‚対応ã—ã¦ã„ã‚‹ã®ã§ã‚¯ãƒªãƒƒã‚¯ã—ãŸã‚‰åˆ¥ãƒšãƒ¼ã‚¸ã«ç§»å‹•ã¨ã„ã£ãŸåŠ¹æžœã‚‚作れã¾ã™ã€‚ã‚‚ã¡ã‚ん書ã出ã—㟠PDF もクリックå¯èƒ½ãªãƒžãƒ«ãƒãƒšãƒ¼ã‚¸ã«ãªã£ã¦ã„ã‚‹ã®ã§ã€ä»–ã®æ–¹ã¨ã®å…±æœ‰ã—ãŸéš›ã‚‚ページã®é·ç§»ãŒã¿ãˆã‚„ã™ã„ã§ã™ã€‚レイヤーã®è¡¨ç¤ºãƒ»éžè¡¨ç¤ºã¨ã„ã£ãŸã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚‚オブジェクトã«å……ã¦ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã®ã§ã€ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªãƒšãƒ¼ã‚¸ã‚‚表ç¾å‡ºæ¥ãªãã¯ãªã„ã§ã™ãŒã€ãƒ¬ã‚¤ãƒ¤ãƒ¼ã®è¡¨ç¤ºãƒ»éžè¡¨ç¤ºã¯ PDF ã«æ›¸ã出ã—ãŸéš›ã«ãªããªã£ã¦ã—ã¾ã†ã®ãŒæ®‹å¿µã€‚Professional版ã§ã¯ãƒ—レゼンテーションモードãŒã‚ã‚‹ã®ã§ã€å‡ºå…ˆã§
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Wireframes Magazine » Site Architecture Stencil for OmniGraffle
http://www.designwalker.com/2010/05/wireframe-resource.html
OmniGraffle Wireframe Stencils, Version 3 | Konigi
http://konigi.com/notebook/omnigraffle-ux-template-update-v-24
{{#tags}}- {{label}}
{{/tags}}