[B! tool][app] satoudosuのブックマーク

Macユーザの私がWeb制作を行う上で使用しているアプリ・ツール・サービス・ブックマークレットなどのまとめ

昨年より、5年間やっていたDTPの部署からWeb制作の担当と相成った私。正直、まだまだお勉強中のWeb制作なのですが、ちょいとここいらで今自分が使用しているアプリ・ツール・サービスなどをまとめておこうと思います。デザインに使用しているアプリまずはデザインに使用しているアプリ。 Adobe Photoshop・Illustrator デザインに使用しているのはAdobeのPhotoshopとIllustrator。（CS5） DTPのころから使っているので非常に慣れているのはいいのですが、おかげさまで新しい環境に飛び込む勇気がなく、いつか覚えようと思っているFireworksに手を出す時間がございません。まぁそのうち…うん…。どんな風にIllustratorやPhotoshopを使用しているのかは、以下の記事をごらんくだしあ。これが出来れば中級者！Illustrator初心者のた

satoudosu 2013/01/31

リンク

イメージに合わせてどんどんプロトタイプを作れるフレームワーク·Framer MOONGIFT

Framerはデスクトップ、スマートフォンのWebに対応したプロトタイプを作成するためのフレームワークです。インターネット上のサービスはより素早く実装が求められるようになっています。そこで必要になるのがプロトタイプライブラリです。今回はWeb/スマートフォン双方に対応したFramerを紹介します。例。単純にビューを表示しています。中央がコード、右側がその結果です。アニメーションもできます。ボックス。スタイル指定を行っています。イベントももちろん取れます。こんな表示も短いコードで実現します。 Framerはビューを基本単位として表示設定を行います。どの場所に表示するかを指定し、貼付けていくイメージです。単色の他、画像を入れることもできます。さらに簡単にアニメーションの指定もできたり、CSSのスタイル設定も追加できます。イベントとアニメーションを組み合わせれば、動作が分かりやすく確

satoudosu 2013/01/07

リンク

iPhone/iPadアプリデザインで使っているツール

企画やらUIを考えるツール iPhone Idea Sheet（PDF）三階ラボさんのアイデアシート（PDF）。 iPhoneの枠だけじゃなく、ナビゲーションバーやタブバー、ステータスバーが書きやすいように、うっすら線が入っていてGOOD。印刷して何枚か持ち歩いている。何か作りたいなーどうかなーと思ったら、手書きでワーっと書く。このシート自体が美しいので、いいもの作れそうな気がしてくる。紙なので、対面でのブレストやら打ち合わせしながら書き込みやすい。 Cacoo（Web） UIの構想がまとまってきたら、Cacooで清書してチームで共有。 iPhoneの各パーツのステンシルが揃っているので、きれいに、わかりやすく作れる。SkypeミーティングのときにみんなでCacoo触りながら話したりとかしている。 Interface HD（iPad App） iPad上で、iOSパーツを組み合わせて