手書き風のベクターUIキット・「Jolly UI」 Jolly UI Jolly UIは手書き風のUIキットのベクター素材です。キットの中はAIファイルやPSDファイル、手書き風のフォントが揃えられています。フォントは英字フォントなのでアレですが、モックアップの作成に使えそうですね。 ...2014.04.29 | 10時31分45秒
WebサイトでPhotoshopライクにガイドを引けるルーラーを利用出来る様にするブックマークレット・「RulersGuides.js」 RulersGuides.js RulersGuides.jsはWebサイトにPhotoshopのようにガイドを引けるルーラーを設置できるブックマークレットです。ショートカット等も用意されています。同じ操作感とは言えませんが、個人的に...2014.04.22 | 10時23分11秒
パブリックドメインの高品質な画像を日々更新、配布する・「Public Domain Archive」 Public Domain Archive Public Domain Archiveは品質の高めな画像をパブリックドメインで提供してくれるWebサイトです。数はまだ多くはありませんが、毎日更新するプロジェクトも進行中なのですぐに増え...2014.04.19 | 10時12分41秒
デザインの情報に特化したキュレーションサービス・「」 Panda Pandaはデザイン関係の情報に特化したキュレーションサービスです。DribbbleやBehance、Hacker Newsの情報を収集し、提供してくれます。試してはいませんが、Chromeエクステンションも用意されていま...2014.04.14 | 10時22分40秒
CSSで書かれたフラットデザインなiPhoneやiPad・「devices.css」 devices.css devices.cssはフラットデザインなiPhoneやiPadをCSSで書くためのコードです。シンプルで見やすいので、モニタ部分に画像をはめ込んでモックアップにしたりもできそうですね。利用シーンは多くはないで...2014.04.11 | 10時52分52秒
iOS7向けのワイヤーフレームをIllustratorで作成する為のキット・「awesomekit.me」 awesomekit.me awesomekit.meはiOS7のワイヤーフレームをIllustratorで作成する為のキットです。マップやリスト、モーダルウィンドウなどなどUIコンポーネントは一通り揃っている印象でした。できる限り工...2014.04.09 | 10時20分45秒
IxDをチェックする為のリスト・「IxD Checklist」 IxD Checklist IxD Checklistは、その名の通り、インタラクションデザインのチェックリストです。項目はそれぞれ、アフォーダンス、フィードバックの精度、簡潔性、構造、一貫性などに分けられています。ザッと見直したり、...2014.04.05 | 10時25分24秒
透過されたシームレスなパターン画像を配布する・「TRANSPARENT TEXTURES」 TRANSPARENT TEXTURES TRANSPARENT TEXTURESは透過されたシームレスなパターン画像を配布するWebサイトです。透過テクスチャは個人的には珍しかったので備忘録として。素材はダウンロードも可能ですが、提...2014.03.17 | 12時22分43秒
クライアントに伝わるように、という事を目指したワイヤーフレーム用UIキット・「C.ROWE Wireframe Kit」 C.ROWE Wireframe Kit C.ROWE Wireframe Kitは、クライアントにしっかり意図が伝わるように、という事を考えて作られたワイヤーフレームのUIキットです。線でかかれたダミー画像を使うのではなく、例えばマ...2014.03.12 | 10時18分18秒
Bootstrap 3のベクターデータUIキット・「Bootstrap 3 UI Kit」 Bootstrap 3 UI Kit Bootstrap 3 UI KitはBootstrap 3のUIキットです。ベクターデータで配布されています。コンポーネントやアイコン、テーブル等が揃っています。サンプル画像もありますのでチェッ...2014.02.24 | 10時08分45秒
Webデザインのリソースサイトへのリンクを大量に収集している・「webdesignrepo」 webdesignrepo webdesignrepoはWebデザインに関するリソースサイトのリンク集です。ニュースサイトやインスピレーション、チュートリアルやスニペットなどなど目的に合わせて細かくカテゴリ分けされているので目的に合わ...2014.02.08 | 11時25分22秒
Fireworksの拡張機能を配布する・「Project Phoenix」 Project Phoenix Project PhoenixはFireworksの拡張機能を配布するTumblrサイトです。既にAdobeより開発終了がアナウンンスされた本ツールの復活プロジェクトの一貫として、という意図があるようで...2014.01.26 | 11時41分50秒
背景に使えるパターン画像を収集、配布する・「The Pattern Library」 The Pattern Library The Pattern Libraryは背景に使えるシームレスなパターン画像を収集、配布しているプロジェクトサイトです。まだ始まったばかりのようなので数は多くありません。あまり見ないタイプのパタ...2014.01.22 | 10時24分19秒
RWD施行時に使える、デバイス毎のモニターサイズを視覚的に把握できるチートシート・「Responsive Web Design Cheat Sheet」 Responsive Web Design Cheat Sheet Responsive Web Design Cheat SheetはレスポンシブWebデザインの施行時に使えるモニターサイズのチートシートです。各メジャーなデバイスを...2014.01.19 | 11時12分02秒
iPadやiPhoneなどのデバイス向けのフラットデザインなモックアップ用素材・「Flat Apple’s Devices Mockup」 Flat Apple's Devices Mockup Flat Apple's Devices MockupはiPadやiPhone、Macbook等のApple製デバイス向けに作られたフラットデザインなモックアップ素材です。PSD...2014.01.07 | 10時30分59秒
Googleフォントでどのフォントが人気かが分かる・「Google Fonts :Analytics」 Google Fonts Analytics Google Fonts AnalyticsはGoogleフォントでホスティングされているフォントで、どれが人気なのかが分かるツール・・・ツールではなく公式の機能ですが、今日初めて存在を知...2013.11.30 | 12時10分25秒
CSSからブレークポイントを探して、その設定に応じた幅での表示状態をまとめて確認出来るブックマークレット・「BreakpointTester」 BreakpointTester BreakpointTesterは閲覧しているWebサイトのCSSからブレークポイントを探しだし、その設定幅で表示される状態をまとめて確認出来るブックマークレットです。ツールで決められたサイズで表示確...2013.11.28 | 9時59分01秒
手書き風のアプリ向けUIキット・「Basiliq」 Basiliq Basiliqは手書き風のアプリ向けUIキットです。各種コンポーネントもよく使われるものが揃っています。ワイヤーフレームを作る際に便利そうですね。ライセンスはCCです。 Basiliq2013.11.17 | 10時30分22秒
ダイナミックなグリッドレイアウトを実装するスクリプト・「Free Wall」 Free Wall Free Wallはダイナミックなグリッドレイアウトを実装するスクリプトです。jQuery又はZeptoに依存します。モニターの幅に合わせてレイアウトが可変、ネストされたボックスにも対応しています。オプションも豊富...2013.11.09 | 9時38分57秒
マークアップ不要でWebサイトのレイアウトから公開まで行える・「Webydo」 Webydo Webydoはマークアップ不要でWebサイトのレイアウトから公開まで行えるWebサービスです。マウスでエレメントを設置し、テキストや画像を施して公開さればWebサイトが出来上がる、というもの。マークアップをしないWebデ...2013.11.02 | 11時47分43秒
ダミーテキストやダミーのユーザー名を作成出来る国産ツール・「DummyObject」 DummyObject ご連絡頂いたのでご紹介。DummyObjectはダミーテキストやダミーのユーザー名を生成出来る国産ツールです。ダミーテキストは青空文庫にある類のものを字数指定で生成出来ます。ダミーユーザーは人物名を漢字、ひらが...2013.11.01 | 10時35分46秒
ダミーのユーザー名と画像を生成する・「Random User Generator」 Random User Generator Random User Generatorはユーザー名とユーザー画像のダミーを生成してくれるツールです。JavaScriptで予め用意した空要素に埋め込んでくれる仕様みたいです。よくあるダミ...2013.10.26 | 11時19分05秒