良質ãªãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ を超簡å˜ã«è£½ä½œã§ãã‚‹Fireworks拡張機能『Placeholderã€ãŒã‚ã¡ã‚ƒã‚ã¡ã‚ƒä¾¿åˆ©!!
フリーランスã§WEB製作をã•ã‚Œã¦ã„ã‚‹@sou_labã•ã‚“ã‹ã‚‰ ドラッグ＆ドãƒãƒƒãƒ—ã™ã‚‹ã ã‘ã§ã‚µã‚¤ã‚ºè¡¨è¨˜ä»˜ãã®è‰¯è³ªãªãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ãŒä½œã‚Œã¦ã—ã¾ã† 超便利ãªFW拡張機能ã®å˜åœ¨ã‚’æ•™ãˆã¦é ‚ãã€å®Ÿéš›ã«ä½¿ã£ã¦ã¿ãŸã®ã§ã”紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ FWæŒã£ã¦ã‚‹ã‘ã©ä½¿ã£ãŸã“ã¨ãªã„・・ã¨ã„ã†æ–¹ã«ã‚‚是éžèªã‚“ã§ã„ãŸã ããŸã„記事ã§ã™ï¼ï¼ ワイヤーフレームã¨ã¯ デザインã«ã¨ã‚Šã‹ã‹ã‚‹å‰ã«ã‚µã‚¤ãƒˆã®éª¨çµ„ã¿ã‚’視覚化ã—〠è¦ç´ ã®æ¼ã‚Œã‚’防ã„ã ã‚Šã€å…¨ä½“ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’掴むãŸã‚ã«ç”¨æ„ã™ã‚‹ã‚‚ã®ã§ã™ã‚ˆã。 実ã¯ã‚ãŸã—ã¯ä»Šã¾ã§ä½œã£ãŸã“ã¨ãŒãªã‹ã£ãŸã®ã§ã™ãŒã€ ã—ã£ã‹ã‚Šéª¨çµ„ã¿ã‚’ã—ã¦ãŠã‘ã°ãƒ‡ã‚¶ã‚¤ãƒ³æ™‚・コーディング時ã®ä½œæ¥ãŒã‚¹ãƒ ーズã«é€²ã¿ã¾ã™ã—ã€ä½œã£ã¦ãŠã„ã¦æã¯ãªã„モノã§ã™ã。 Placeholderã¨ã¯ ãã‚“ãªãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã§ã™ãŒã€è‡ªåˆ†ç”¨ãªã‚‰ã¨ã‚‚ã‹ã クライアントã•ã‚“ã«ãŠè¦‹ã›ã™ã‚‹å ´åˆã¯ã€è¦ç´ ã”ã¨ã«widthã‚„heightã®æ•°å€¤ãªã©ã‚‚記載ã—ã¦ã‚ã£ãŸæ–¹
高å“質㪠UI ã‚„ Web ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒçŸæ™‚é–“ã§ä½œã‚Œã‚‹ãŠã‚¹ã‚¹ãƒ¡ã® Fireworks 拡張機能 4ã¤
ã“ã‚“ã«ã¡ã¯ã€ã‚¤ãƒ¡ãƒ¼ã‚¸æ‹…当ã®é•·è°·å·ã§ã™ã€‚ 「å“質を上ã’ã‚Œã°é€Ÿåº¦ãŒè½ã¡ã‚‹ã—ã€é€Ÿåº¦ã‚’上ã’ã‚Œã°å“質ãŒâ€¦ã€ デザイナーã«ã¨ã£ã¦ã¯ã“ã®å“質ã¨é€Ÿåº¦ãŒéžå¸¸ã«æ‚©ã¾ã—ã„ã§ã™ã‚ˆã。 今回㯠UI ã‚„ Web デザインã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ãªã©ã‚’ã€å“質をä¿ã£ãŸã¾ã¾ã‚µã‚¯ã£ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã¨ãã«å½¹ç«‹ã¤ Fireworks ã®æ‹¡å¼µæ©Ÿèƒ½ã‚’ã”紹介ã—ã¾ã™ã€‚ 1. 作ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å´©ã•ãšã«ã¾ã¨ã‚ã¦ç¸®å°ã§ãる「Smart Resize〠Web ページã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‡ãƒ¼ã‚¿ã‚’使ã£ã¦ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ãªã©ç•°ãªã£ãŸã‚µã‚¤ã‚ºã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’作りãŸã„ã¨ããªã©ã«æœ€é©ã§ã™ã€‚ ã€ä½¿ã„方】 インストールã™ã‚‹ã¨ã‚³ãƒžãƒ³ãƒ‰ã«ã€ŒSmart Resizeã€ãŒè¿½åŠ ã•ã‚Œã¾ã™ã€‚ サイズ調整をã—ãŸã„デザインをé¸æŠžã—㦠コマンド＞ Smart Resize ＞ Attach ã‚’é¸æŠžã—ã¾ã™ã€‚ 後ã¯é»„色ã®ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ãƒã‚¤ãƒ³ãƒˆã§ã‚µã‚¤ã‚ºã‚’調整ã™ã‚‹ã ã‘ã§ãƒ†ã‚ストã®æ”¹è¡Œãªã©ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä¿ã£ãŸã¾ã¾è‡ªå‹•çš„
Fireworks用ã®ã‚¦ã‚§ãƒ–デザインã®ç„¡æ–™ç´ æãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ -Webportio
アイコンã€ãƒœã‚¿ãƒ³ã€ãƒªãƒœãƒ³ã‚’ã¯ã˜ã‚ã€ãƒ•ã‚©ãƒ¼ãƒ ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€ãƒ„ールãƒãƒƒãƒ—ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãªã©ã‚¦ã‚§ãƒ–デザインã§ã‚ˆã使用ã•ã‚Œã‚‹ã‚ˆã†ãªã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’Fireworks用ã®ãƒ•ã‚¡ã‚¤ãƒ«ã§é…布ã—ã¦ã„るサイトを紹介ã—ã¾ã™ã€‚ Webportio Graphical resource of Adobe Fireworks [ad#ad-2] ç´ æã®åˆ©ç”¨ã«ã‚ãŸã£ã¦ã¯ã‚¦ã‚§ãƒ–サイト・ソフトウェアãªã©ã€å€‹äººã§ã‚‚商用ã§ã‚‚ç„¡æ–™ã§ä½¿ç”¨ã§ãã¾ã™ã€‚ã¾ãŸã€åˆ©ç”¨ã®éš›ã«ã¯ãƒãƒƒã‚¯ãƒªãƒ³ã‚¯ã®å¿…è¦ã‚‚ã‚ã‚Šã¾ã›ã‚“。 ãŠé¡˜ã„ã¨ã—ã¦ã€ã“ã®ã‚µã‚¤ãƒˆã‚’何らã‹ã®å½¢ã§åºƒã‚ã¦ãれるã¨å¬‰ã—ã„ã€ã¨ã®ã“ã¨ã§ã™ã€‚ ç´ æã¯ã‚¦ã‚§ãƒ–デザインã«ã‚ˆã利用ã™ã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚‚数多ãã‚ã‚Šã€ä¸‹è¨˜ã«ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://blog.caraldo.net/2011/06/fireworks_vector.php
Fireworksã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã„ã‚ã„ã‚ - DesignWalker
{{#tags}}- {{label}}
{{/tags}}