[Sketch] Wireframe Prototyping System – プロトタイピングに便利なSketch用テンプレート
プロトタイピングに便利なSketch用テンプレートファイル。PC用とMobile用があり、またダーク系・ライト系合わせて4種類のテーマが同梱されています。まとめて全部ダウンロードする事ができ、$0で指定すれば無料で手に入れる事ができます。ワイヤーフレーム描く時に使えそうです。WebディレクターやIAやってる人などに是非。
Tag Archives: Template
[Web Design] Website Template Bar – 様々なWebテンプレートをまとめたサイト
Webテンプレートを各種まとめたサイト。プレーンなHTML5ベースのものに加え、Bootstrapベースのテーマ、Wordpressのテーマ、eコマースに使えるものがそれぞれカテゴリ分けされて紹介されています。最近じゃフレームワークにBootstrap使って、その上にテーマ置いて、そこからデザインカスタム始める事もよくありますしね。ちなみに自分はBootstrap v3によく使うJSやら機能拡張のCSSぶち込んだものをテンプレートみたいに使ってます。テーマ的なものはあまり使った事ないんだけど、このサイト見ると結構いろんなテーマがあるので、テーマぶち込んで楽するのもアリだなーと思いました。
[Web Template] HTML5 UP! Responsive HTML5 and CSS3 Site Templates – HTML5のテンプレート配布サイト
HTML5形式のWebテンプレートを多数配布しているサイト。この手の配布サイトってベースが同じで、後はバリエーション違いってパターンが多いんだけど、ココのテンプレートは様々なレイアウトのものが用意されています。しかもどれもフリー（CC3.0）。モック作る時や、サクっとLP立てたい時なんかに使えそうです。
[Freebie] adJelly – The ultimate social & digital ad size guide! – 各種SNSのデザインテンプレートと、サイズガイドをまとめたサイト
各種SNSのデザインテンプレートの配布と、それぞれのサイズガイドをまとめて紹介するサイト。テンプレートの配布だけでなく、SNSごとに細かくサイズ指定について紹介されている点が丁寧な印象です。またテンプレートはPSDとSketchの2つのフォーマットで配布されているので、Photoshop派の人もSketch派の人も使う事ができます。Facebook, Twitter, Instagram, Linkedin, Youtube, Google+, Tumblr, PInterestに対応しているので、メジャーどころは一通り押さえる事ができそうです。
[UI Design] iOS Human Interface Guidelines – Apple純正のiOSテンプレート
Apple純正のiOS 10用各種テンプレートを用意したページ。App IconやiMessage App Icon、3Dタッチデバイスのクイックアクション用のPSDなどが配布されています。iMessage Appってなんやろ？って思って調べたら、どうもこの画面の時に使われるアイコンのようです。AppアイコンのPSD以外にも、San Franciscoフォントやタイポ作例一覧のPSDなんかも配布されています。ただしダウンロードするにはApple Developer Programのアカウントがいるみたいです。
[Template] Theme Cards – WordPressやBootstrapのテーマまとめサイト
WordPressやBootstrapで使えるテーマファイルの紹介サイト。これら以外にHTMLテンプレート、HTMLメールのテンプレート、印刷物のテンプレート、JSやCSSなどのスニペットなども紹介されています。まぁWeb全般の素材サイトって感じですね。ちょうど今日Wordpressのテーマ探してたので個人的にタイムリーなリソースでした。素材探しの時に役に立ってくれそうです。
[Template] Template Stash – HTMLテンプレートやテーマなどの紹介サイト
HTMLテンプレートやテーマなどのギャラリーサイト。いわゆる自動化されたまとめサイトではなく、手動でピックアップしてるから質が高いYO！というのがウリのようです。定番のWordpressテーマや、Bootstrapのテーマ、またマテリアルデザイン準拠のものなど、色々とカテゴリ分けされて紹介されています。テンプレート探しの起点として使えそうです。
[Freebie] 22 Fresh Free Templates in HTML/CSS and PSD: February 2015 Edition – フリーのWebテンプレートやPSDモックアップまとめ
フリーで配布されているWebテンプレートや、PSDモックアップなどをまとめた記事。2015年とあるのでごく最近のリソースでまとめた記事のようです。Webテンプレートはランディングページ系のものが多いようです。Webテンプレート以外にも、UIキットやNokia Lumiaのモックアップなどが紹介されています。新しめの素材探す時にイイかもしれません。アプリのページ作る時にいまだにiPhone 5のモックアップとか使ってると、ちょっとアレだったりしますしね。
22 Fresh Free Templates in HTML/CSS and PSD: February 2015 Edition