InVisionがフリーで配布するPhotoshop/Skechのワイヤーフレームキット・「Form」 Form Formはプロトタイピングツールを展開するInVisionがフリーで配布しているワイヤーフレームキットです。Photoshop用とSkech用が配布されています。PC向け、スマフォ向け、タブレット向けがそれぞれ用意されており...2018.10.05 | 9時35分33秒
SketchやPhotoshop、Gimpなどのファイルをブラウザで開いて編集できるオンラインフォトエディタ・「Photopea」 Photopea PhotopeaはSketch(.sketch)やPhotoshop(.psd)、Gimp(.xcf)などのファイルを開き、編集出来るツールです。ブラウザで動くオンラインツールなのでOSを問わず動作します。上図はsk...2017.11.30 | 11時14分20秒
Photoshopのツールやリソースを公開する・「UberPlugins」 UberPlugins UberPluginsはPhotoshopのプラグインを紹介するWebサイトです。まぁいわゆるプラグイン販売サイトなんですが、無料のものもちらほらあったので紹介してみます。公開されているプラグインはアバター挿入...2017.01.19 | 10時14分48秒
Photoshop内でGoogle Fontsに公開されているフォントを選択出来るフリーのPhotoshopプラグイン・「Fontea」 Fontea FonteaはGoogle Fontsで公開されている700ものフォントをPhotoshop内で使えるようにするPhotoshopプラグインです。OS X、Winの両方に対応しています。検索やお気に入り機能も付いているの...2016.04.28 | 9時44分53秒
モバイル向けのフリーUIキット・「Lithium」 Lithium Lithiumは無料で配布されているモバイル向けのUIキットです。カレンダーやログイン、リストなどモバイル向けのソーシャルなアプリ向けに作られているみたいですね。カラーテーマも3種ほど用意されています。ダウンロードには...2015.08.11 | 9時33分54秒
Dribbbleに投稿されたUIキットやモックアップ等のリソースをピックアップして配信する・「Psddd」 Psddd PsdddはDribbbleに投稿されたUIキットやモックアップ、ボタンや背景、ナビゲーションなどなど、Web制作に使えそうな高品質なリソースをピックアップして配信するWebサイトです。ざっと見るのに良いかもしれませんね。...2015.08.03 | 10時46分12秒
スマフォTodoリストアプリのPhotoshopとSketch向けUIキット・「Free to-do app UI kit for Photoshop and Sketch」 Free to-do app UI kit for Photoshop and Sketch Free to-do app UI kit for Photoshop and SketchはスマフォTodoリストアプリの為のPhotos...2015.06.12 | 11時02分37秒
Photoshop内でFlickrから画像を検索できるプラグイン・「Pictura」 Pictura PicturaはPsでFlickrから画像を検索出来るプラグインです。直接Flickr上の任意の画像にアクセスし、配置する事が可能です。著作権フィルタの利用も出来るみたい。モックアップの作成時なんかには便利かもですね。...2014.09.27 | 10時03分12秒
BootstrapベースのUIキットをPSDとHTMLで配布する・「Drunken Parrot」 Drunken Parrot Drunken ParrotはBootstrapベースのフラットなUIキットを配布するOSSです。この手のものでは珍しくPSDとHTMLの両方を用意してくれています。ライセンスはCCとMITとの事です。動...2014.09.26 | 10時40分59秒
レイヤー内に書かれたテキストを翻訳するPhotoshopプラグイン・「書く Kaku 」 書く Kaku 書く(Kaku)はPSのレイヤー内のテキストを翻訳し、変換するプラグインです。テキストを選択し、オリジナルの言語を設定し、翻訳言語を選択すると翻訳されるようになってるみたい。精度は分かりませんが面白い技術ですね。 ...2014.05.21 | 10時20分48秒
手書き風のベクターUIキット・「Jolly UI」 Jolly UI Jolly UIは手書き風のUIキットのベクター素材です。キットの中はAIファイルやPSDファイル、手書き風のフォントが揃えられています。フォントは英字フォントなのでアレですが、モックアップの作成に使えそうですね。 ...2014.04.29 | 10時31分45秒
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秒
スマフォ向けの美しいデザインのUIキット・「Flatastic Mobile UI Kit」 Flatastic Mobile UI Kit Flatastic Mobile UI Kitはスマフォ向けの美しいデザインのUIキットです。よく使われるインターフェースは勿論、スマフォならではのUIなども含まれています。見やすくてい...2013.12.06 | 11時36分48秒
PSDファイルのバリデーションツール・「PSD VALIDATOR」 PSD VALIDATOR PSD VALIDATORはPSDファイルのバリデーションを行うWebアプリです。エラー等の基準は、Psを利用する際のエチケットをまとめたWebサイトのPhotoshopetiquette.comを基準とし...2013.10.18 | 10時46分43秒
有名なサイトのUIを再現し、PSDで配布する・「Popular UIs」 Popular UIs Popular UIsは有名なサイトのUIを再現したPSDを配布するサイトです。HerokuやGitHub、Designer News、AppleやFacebookなどがあるようです。 Popular U...2013.06.21 | 12時08分53秒
Webフォントとしても使えるMetroスタイルのアイコンセット・「Metrize Icons」 Metrize Icons Metrize IconsはMetroスタイルなアイコンのセットです。シンプルで使いやすそうですね。SVGやWebフォントも用意されています。ライセンス形態は明示されていませんが、商用で使えて帰属表記の必要...2013.05.09 | 18時20分48秒
Retinaディスプレイ用の画像を作成できるPhotoshopアクション・「Retinize It」 Retinize It Retinize ItはiOSで採用されているRetinaディスプレイに対応する為の画像を作れるPhotoshopアクションです。@2xのファイルを作成する事ができます。ドロップシャドウを用いている場合は諸注意...2013.05.04 | 10時31分08秒
PhotoshopをWebデザインで使う際のファイルの扱い方をまとめる・「The Photoshop Etiquette Manifesto」 The Photoshop Etiquette Manifesto The Photoshop Etiquette ManifestoはWebデザインをする上での、Photoshopのファイルの扱い方のエチケットをまとめているサイトで...2013.04.24 | 12時42分51秒
学生によって作成された作品のみを掲載しているWebギャラリー・「Student Show」 Student Show Student Showは、学生の方が作成した作品のみを紹介するWebギャラリーです。掲載されているものはイラストやロゴ、アニメーションなど様々。学校名でカテゴライズされています。Behanceの姉妹サイトの...2013.03.24 | 11時42分13秒
PhotoshopのレイヤースタイルをCSS3に変換する・「CSS3Ps」 CSS3Ps CSS3Psは、PhotoshopのレイヤースタイルをCSS3に変換するプラグインです。Sassにも対応しています。 CSS3Ps2013.02.28 | 12時38分01秒
iPhone/iPad用のPhotoshop用テンプレート・「Photoshop Grids」 Photoshop Grids Photoshop Gridsは、iPad/iPhone用のグリッドとして作られたPhotoshop用テンプレート。ガイドも既に引かれており、モバイルファーストなWeb制作向けとして使えるようになってい...2013.02.20 | 2時02分06秒