タグ
- すべて
- まとめ (29)
- 3DCG (12)
- AI (12)
- AIR (95)
- ANTEPRIMA (6)
- API (7)
- API(ApplicationProgramInterfac (2)
- API(ApplicationProgramInterface) (42)
- AR(AugmentedReality) (13)
- ART (116)
- AWS(AmazonWebService) (3)
- AXIS (3)
- ActionScript (162)
- ActionScript2 (6)
- ActionScript3 (142)
- Adobe (92)
- Adobe XD (6)
- AdobeBridge (3)
- AdobeEdge (18)
- AdobeXD (4)
- Ajax (143)
- Amazon (21)
- AngularJS (52)
- Apache (59)
- Apache2 (9)
- ApacheVelocity (8)
- Apple (99)
- AppleKeynote (3)
- AppleWebSiteDesign (44)
- Application (927)
- Aptana (10)
- Autoprefixer (9)
- BEM (14)
- Blog (59)
- Boilerplate (3)
- Book (420)
- Bookmarklet (60)
- Bootstrap (7)
- Browser (122)
- Brush (81)
- Bug (26)
- CI(CorporateIdentity) (6)
- CMS(ContentsManagementSystem) (23)
- CSS (1480)
- CSS Grid (6)
- CSS3 (1158)
- CSS3animation (64)
- CSS4 (4)
- CSSComb (2)
- CSSNeet (10)
- CSSdebug (8)
- CSSdesign (2)
- CSSexpression (4)
- CSShack (6)
- CSShaslayout (4)
- CSSselector (2)
- CSSsprite (5)
- Canvas (153)
- CharacterDesign (4)
- ChatGPT (4)
- CheatSheet (94)
- Cisco VPN (5)
- Coding (537)
- CoffeeScript (16)
- Color (65)
- CommunitySite (4)
- CorporateSite (42)
- CreateJS (14)
- CrossBrowser (30)
- DOCTYPE (9)
- DOM (42)
- DVD (9)
- Debug (72)
- Design (341)
- Development (23)
- Download (305)
- Dreamweaver (146)
- ECMAscript (18)
- Editor (94)
- Electron (2)
- EmEditor (3)
- Emmet (7)
- Evernote (6)
- Excel (29)
- Ext.JS (11)
- Extension (16)
- Extention (417)
- FICC (34)
- FTP (3)
- Facebook (189)
- Firebug (59)
- Firefox (428)
- Firefox3.6 (2)
- Fireworks (82)
- Flash (573)
- FlashDevelop (2)
- FlashLite (4)
- FlashPlayer (28)
- Flex (72)
- Flex2 (31)
- Flex3 (30)
- Flex4 (3)
- Flexbox (14)
- Flickr (8)
- Font (75)
- Framework (94)
- France (4)
- FullFlashSite (875)
- GTD(GettingThingsDone) (6)
- Gallery (42)
- Game (99)
- Gamification (2)
- GanttChart (4)
- Generator (281)
- Gmail (10)
- Google (252)
- Google Spreadsheet (2)
- Google+ (3)
- GoogleAnalytics (135)
- GoogleBot (9)
- GoogleCalendar (6)
- GoogleChrome (148)
- GoogleClosureTools (3)
- GoogleDart (2)
- GoogleMap (27)
- GoogleSitemap (11)
- GoogleWave (3)
- GoogleWebMasterTool (14)
- Greasemonkey (32)
- GridDesign (26)
- Guideline (186)
- HCD(HumanCenteredDesign) (2)
- HTML (467)
- HTML5 (744)
- Hack (38)
- Helvetica (16)
- Honda (4)
- IA(informationArchitecture) (126)
- IIS(InternetInformationServer) (2)
- Icon (39)
- Illustration (23)
- Illustrator (39)
- ImageMagick (3)
- IntelliJ IDEA (3)
- InteriorDesign (7)
- InternetExplorer (340)
- InternetExplorer10 (17)
- InternetExplorer11 (7)
- InternetExplorer5 (11)
- InternetExplorer5.23 (2)
- InternetExplorer6 (159)
- InternetExplorer7 (104)
- InternetExplorer8 (95)
- InternetExplorer9 (69)
- JSON (39)
- Japanese (22)
- Java (7)
- JavaScript (2287)
- Jenkins (2)
- JetBrains (2)
- KAYAC (35)
- LESS (37)
- LINE (3)
- LPO(LandingPageOptimization) (22)
- Layout (36)
- Library (380)
- LifeHack (239)
- Lightbox.js (88)
- LivedoorReader (6)
- MOVIE (112)
- MUSIQUE (87)
- Mac (333)
- MacBook (4)
- Magazine (10)
- Management (18)
- Marketing (18)
- MediaWiki (2)
- Memo (286)
- Microsoft (45)
- Mindmap (17)
- MovableType (50)
- MovableType4 (8)
- MovableType5 (7)
- MySQL (2)
- Neta (2509)
- OOCSS (19)
- OOP(ObjectOrientedPrograming) (5)
- OmniGraffle (9)
- OnlineGame (3)
- OnlineShop (17)
- OnlineShopDesign (25)
- OpenPNE (2)
- Opera (82)
- PDF (43)
- PHP (78)
- PM(projectManagement) (12)
- PNG (45)
- PSDTUTS (8)
- Papervision3D (23)
- Perl (12)
- Philippines (2)
- Photographer (18)
- Photography (45)
- Photoshop (446)
- PhotoshopLayerStyle (3)
- PhpStorm (3)
- Pinterest (16)
- Plugin (105)
- PortalSite (38)
- Portfolio (38)
- PostCSS (9)
- PowerPoint (7)
- PreloadJS (2)
- Presentation (179)
- Processing (17)
- Programing (5)
- Programming (66)
- Progression(ActionScript) (11)
- ProgressiveEnhancement (5)
- PromotionSite (160)
- Prototyping (19)
- Python (7)
- Quartz Composer (2)
- REVIEW (19)
- RSS (19)
- React (16)
- React.js (8)
- RecruitSiteContents (8)
- Reference (630)
- RegularExpression (2)
- RequireJS (9)
- Ruby (18)
- RubyGem (3)
- Russia (6)
- SBM(socialBookMark) (4)
- SCSS (238)
- SEO(SearchEngineOptimization) (117)
- SNS (11)
- SNS(SocialNetworkSystem) (18)
- SQLite (2)
- SSH (3)
- SVG (29)
- SVN (13)
- Safari (137)
- Sample (142)
- SearchEngine (16)
- Security (58)
- Selenium (14)
- Sencha (2)
- Server (39)
- Sex (8)
- Shopping (75)
- Silverlight (7)
- Snippet (59)
- StyleDocco (14)
- StyleGuide (9)
- Sublime Text (4)
- SublimeText2 (11)
- Survey (48)
- Swift (3)
- TIPS (34)
- TOYOTA (7)
- Template (83)
- TemplateTag (6)
- Titanium (2)
- Titanium Mobile (9)
- Tool (103)
- Tortoisegit (2)
- Trends (13)
- Tumblr (12)
- Tutorial (322)
- TweenJS (2)
- TypeScript (16)
- Typography (79)
- UCD(UserCenteredDesign) (2)
- UI (4)
- UI(UserInterface) (1046)
- UX(UserExperience) (185)
- Ubuntu (2)
- University (86)
- Usability (186)
- VSCode (11)
- Vector (20)
- Velocity.js (5)
- Visual Studio Code (2)
- Vue.js (21)
- W3C (8)
- WAI-ARIA (6)
- WYSIWYG (15)
- Web (149)
- Web Animations API (3)
- WebAnalytics (4)
- WebDesign (2577)
- WebDesignCompany (24)
- WebDesigner (29)
- WebDirection (145)
- WebGL (23)
- WebMagazine (9)
- WebMarketing (5)
- WebMaster (7)
- WebRTC (3)
- WebService (475)
- WebSite (195)
- WebSiteGallery (18)
- WebSitePerformance (117)
- WebSocket (7)
- WebStorm (65)
- Webkit (63)
- Web標準の日々 (19)
- Wiki (13)
- WinMerge (2)
- Windows (371)
- Windows10 (5)
- Windows7 (2)
- WordPress (179)
- WordPressExtention (13)
- WordPressHack (12)
- WordPressTag (4)
- WordPressTemplate (9)
- WordPressTheme (52)
- WorkFlow (42)
- Writing (30)
- XAMPP (14)
- XCode (2)
- XHTML (181)
- XML (14)
- XPath (5)
- YAMAHA (2)
- YCAM(YamaguchiCenterForArtsAnd (3)
- YUI(YahooUIlibrary) (17)
- YUKI (12)
- Yahoo (30)
- Yarn (2)
- YouTube (15)
- Yslow (2)
- activeX (2)
- addEventListener (9)
- android (170)
- animation (54)
- artless (22)
- bA(BusinessArchitects) (11)
- backbone.js (18)
- basicDesign (53)
- beautifulDesign (34)
- blogParts (11)
- bower (3)
- business (217)
- cinema (5)
- compass (79)
- competition (2)
- crossdomain.xml(Flash) (3)
- dojo (3)
- drink (3)
- dropbox (4)
- enchant.js (7)
- fashion (101)
- food (2)
- foods (7)
- footerDesign (10)
- formChecker (18)
- formDesign (54)
- formTag (9)
- foursquare (2)
- git (8)
- glue (2)
- graphicDesign (21)
- grunt.js (68)
- gulp (2)
- gulp.js (48)
- haml (3)
- hatena (2)
- headerDesign (5)
- howTo (24)
- htaccess (27)
- iMac (3)
- iOS (74)
- iPad (269)
- iPhone (618)
- iPod (15)
- iTunes (40)
- ideo (3)
- iframeTag (2)
- imageTag (2)
- jQuery (2005)
- jQuery Mobile (62)
- jQueryUI (7)
- jekyll (3)
- jsdo.it (3)
- localStorage (3)
- logoDesign (7)
- microformats (14)
- minimumDesign (8)
- mixi (25)
- mobile (75)
- monochromeDesign (2)
- mootool.js (47)
- motionGraphic (6)
- mozilla (3)
- muji (2)
- mxml (2)
- navigation (9)
- node.js (46)
- productDesign (20)
- promise (4)
- prototype.js (41)
- psd (140)
- rsync (3)
- sass (4)
- schedule (6)
- screenCapture (3)
- screenCast (2)
- screenSaver (6)
- script.aculo.us (14)
- scroll (6)
- scrollBar (3)
- scrollHeight (5)
- searching_technique (2)
- semitransparentdesign (2)
- serverSide (32)
- shape (3)
- short_cut_key (3)
- simpleDesign (97)
- smacss (8)
- snippets (10)
- softbank (3)
- sound (20)
- stylus (11)
- subversion (9)
- swfObject (9)
- swfaddress (2)
- symfony (3)
- table (2)
- tableTag (23)
- textareaTag (2)
- tha,ltd. (4)
- three.js (7)
- twitter (217)
- uniqlo (19)
- unity (2)
- useWork (345)
- uupaa.js (4)
- vim (5)
- visualization (51)
- webpack (4)
- wireFrame (42)
- workStyle (36)
- workshop (4)
- yugop (9)
- あとで読む (73)
- お金 (3)
- まとめ (1176)
- アクセス解析 (2)
- ゲーム (4)
- ゲーム開発 (3)
- コマンドプロンプト (4)
- スニペット (5)
- レシピ (9)
- 仕様書 (3)
- 料理 (3)
- 正規表現 (74)
- 確定申告 (2)
- 税金 (3)
- 艦これ (6)
- WebDesign (2577)
- Neta (2509)
- JavaScript (2287)
- jQuery (2005)
- CSS (1480)
- まとめ (1176)
- CSS3 (1158)
- UI(UserInterface) (1046)
- Application (927)
- FullFlashSite (875)
WebSiteとwireFrameに関するsite159のブックマーク (5)
-
site159 2011/05/08
お手軽に組むのならいいかもね- WebSite
- wireFrame
リンク -
プロジェクトメンバーが幸せになれるワイヤーフレームの作り方 : LINE Corporation ディレクターブログ
こんにちは、livedoor Blog 担当の飯田です。 ちょうど新機能のワイヤーフレームを描いている最中だったので、今回は正解があるようで無いディレクターのメイン業務の一つ、ワイヤーフレームについて自分なりにどう考えて作っているかを簡単にまとめてみました。 特にワイヤーフレームをこれから初めて作ってみるという人の参考になればと。 ワイヤーフレームって？ ウェブサイトを構成する要素・動作をまとめた資料になります。構成書・モック・スケルトン・青写真と呼び方は人それぞれです。 ということで、実際以下の感じでワイヤーフレームを作っていきます。 とりあえず紙に描く 頭の中で考えていることをとにかく裏紙などを利用して紙に描いてみます。ワイヤーフレームと聞いてデジタルなイメージがありますが、こうした構想やアイデアベースの状態のときは、たくさん手を頭を動かして思いを出し切った方が整理がしやすくなります。
-
「ワイヤーフレームコミュニケーション研究会」第1回レポート | gihyo.jp
こんにちは、株式会社SINAPの守谷です。 今回は、2009年7月24日（金）19:00からSINAPのオフィス内にて行われた勉強会、「ワイヤーフレームコミュニケーション研究会」第一回目の内容のレポートをお届けします。この研究会の企画をされたのは昨年「SINAP TALK Vol.2」でご講演いただいた株式会社エフエックスビイの原一浩さんです。 もともとこの研究会は、原さんがTwitter上で「デザイナーがひっぱられないワイヤーを素早く作る研究会をしたい」と発言されたのが開催のきっかけでした。 発言の瞬間には「ワイヤー」とは何かという言及はまずは置いておいて[1]、原さんをTwitter上でフォローしているワイヤー（フレーム）を「作る」側のディレクターをはじめ、ワイヤー（フレーム）から「デザインを起こす」側のデザイナーももちろん、大勢の人達が是非研究会を開催しようと原さんに同調していっ
-
Webサイトの骨組み: ワイヤーフレームを素早く・手軽に・美しく制作する
2013年3月23日 Webサイト制作, 便利ツール Webサイトのデザインを始める前に、レイアウトやページ内で使われる機能を「設計図」として作っておきます。ワイヤーフレームと呼ばれるWebサイトの骨組みをしっかり作っておくと、デザインする段階でスムーズに仕事がすすみます。またクライアントとの打ち合わせでも大活躍。ここではワイヤーフレームを作る為の便利なオンラインツールと「ワイヤーフレームは手描き派！」という人のためのPDFテンプレートを紹介します。 ↑私が10年以上利用している会計ソフト！ オンラインで使えるワイヤーフレーム作成ツール iPlotz iPlotzのWebサイト とにかく多機能でおすすめ。ワイヤーフレームを作る他にプロジェクトマネージメントもできます。オンラインでシェアしたり、JPG, PNG, PDFでの書き出し可能。 トライアルをするにはまずトップページから「Get S
-
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx