アプリ・Web制作で必要な要素をチェックできる「Checklist Design」

 
Web制作・アプリ制作の上で役立つページやUIコンポーネントで必要な要素がチェックできる「Checklist Design」の紹介です。デザイン要素をチェックできるだけでなく、リソースとしてDribbbleで公開されてるデザイン例や、参考になる記事・参考例となるサイトの紹介もあります。

Checklist Design

↓お問い合わせのチェックリスト。最低限の要素とオプションが載ってます。

作り慣れてないページやUIを制作する時など、なにかしら漏れがないかチェックできる便利なサイトです。以上「Checklist Design」の紹介でした。



  • ロゴを様々な角度からテストできるツール「Logo Lab」
  • PSDファイルをSketchファイルに変換する「PSD to Sketch Design Converter」
  • CSSグリッドレイアウトのコードを生成できるツール「Griddy」
  • CSSやHTML5・Twiterカードなどのコードを生成できる「Web Code Tools」
  • サイトで使用していないCSSセレクタを調べられる「Unused CSS」
RELATED POSTS
  • サイトで使用していないCSSセレクタを調べられる「Unused CSS」
  • 【CSS】フォントサイズの単位を相対比較できる「PXtoEM.com」
  • アイコンフォント「FontAwesome」の使い方
  • きれいなエフェクトの検索フォームUI「Inspiration for Search UI Effects」
  • SVGボタンに様々なエフェクトを実装できる「Distorted Button Effects」
  • Youtubeのヘッダー・フッターを消す「PrettyEmbed.js」
RECENT POSTS
  • 無料で使えるフリーアイコン素材サイト15選
  • 配色を決める時に役立つカラーパレット22選
  • 無料で使えるハロウィンデザイン・イラスト素材サイト
  • ロゴデザインの参考になるロゴギャラリーサイト16選
PICKUP
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • 導入しておきたいWordPressのおすすめプラグイン
  • 【無料】おすすめのフリー画像・写真素材サイト10選【商用利用可】
  • Photoshopで画像を切り抜くテクニック【初心者向け】