Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Tag Archives: Template

[Web Design] Website Template Bar – 様々なWebテンプレートをまとめたサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

Webテンプレートを各種まとめたサイト。プレーンなHTML5ベースのものに加え、Bootstrapベースのテーマ、Wordpressのテーマ、eコマースに使えるものがそれぞれカテゴリ分けされて紹介されています。最近じゃフレームワークにBootstrap使って、その上にテーマ置いて、そこからデザインカスタム始める事もよくありますしね。ちなみに自分はBootstrap v3によく使うJSやら機能拡張のCSSぶち込んだものをテンプレートみたいに使ってます。テーマ的なものはあまり使った事ないんだけど、このサイト見ると結構いろんなテーマがあるので、テーマぶち込んで楽するのもアリだなーと思いました。

[Web Template] HTML5 UP! Responsive HTML5 and CSS3 Site Templates – HTML5のテンプレート配布サイト

  • Pocket
  • このエントリーをはてなブックマークに追加

HTML5形式のWebテンプレートを多数配布しているサイト。この手の配布サイトってベースが同じで、後はバリエーション違いってパターンが多いんだけど、ココのテンプレートは様々なレイアウトのものが用意されています。しかもどれもフリー(CC3.0)。モック作る時や、サクっとLP立てたい時なんかに使えそうです。

[Freebie] adJelly – The ultimate social & digital ad size guide! – 各種SNSのデザインテンプレートと、サイズガイドをまとめたサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

各種SNSのデザインテンプレートの配布と、それぞれのサイズガイドをまとめて紹介するサイト。テンプレートの配布だけでなく、SNSごとに細かくサイズ指定について紹介されている点が丁寧な印象です。またテンプレートはPSDとSketchの2つのフォーマットで配布されているので、Photoshop派の人もSketch派の人も使う事ができます。Facebook, Twitter, Instagram, Linkedin, Youtube, Google+, Tumblr, PInterestに対応しているので、メジャーどころは一通り押さえる事ができそうです。

[UI Design] iOS Human Interface Guidelines – Apple純正のiOSテンプレート

  • Pocket
  • このエントリーをはてなブックマークに追加

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のテーマまとめサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

WordPressやBootstrapで使えるテーマファイルの紹介サイト。これら以外にHTMLテンプレート、HTMLメールのテンプレート、印刷物のテンプレート、JSやCSSなどのスニペットなども紹介されています。まぁWeb全般の素材サイトって感じですね。ちょうど今日Wordpressのテーマ探してたので個人的にタイムリーなリソースでした。素材探しの時に役に立ってくれそうです。

[Template] Template Stash – HTMLテンプレートやテーマなどの紹介サイト

  • Pocket
  • このエントリーをはてなブックマークに追加

HTMLテンプレートやテーマなどのギャラリーサイト。いわゆる自動化されたまとめサイトではなく、手動でピックアップしてるから質が高いYO!というのがウリのようです。定番のWordpressテーマや、Bootstrapのテーマ、またマテリアルデザイン準拠のものなど、色々とカテゴリ分けされて紹介されています。テンプレート探しの起点として使えそうです。

[Freebie] 22 Fresh Free Templates in HTML/CSS and PSD: February 2015 Edition – フリーのWebテンプレートやPSDモックアップまとめ

  • Pocket
  • このエントリーをはてなブックマークに追加

フリーで配布されているWebテンプレートや、PSDモックアップなどをまとめた記事。2015年とあるのでごく最近のリソースでまとめた記事のようです。Webテンプレートはランディングページ系のものが多いようです。Webテンプレート以外にも、UIキットやNokia Lumiaのモックアップなどが紹介されています。新しめの素材探す時にイイかもしれません。アプリのページ作る時にいまだにiPhone 5のモックアップとか使ってると、ちょっとアレだったりしますしね。

[Web Template] Beetle – Responsive HTML Template – レスポンシブレイアウト&パララックススクロールなHTML5テンプレート

  • Pocket
  • このエントリーをはてなブックマークに追加

レスポンシブ・レイアウトで、かつパララックス・スクロールにも対応したHTML5テンプレート。需要の多いこの2つに対応しているってのはなかなかナイスです。静的なHTMLテンプレートは無料で、Wordpressテーマとなっているものは48ドル(今現在)で販売されています。またマップのパーソナライズや、グリッドレイアウト、カルーセル(イメージスライダー)にも対応しているので、モダンなコンテンツ表示手法にはひと通り対応しているという印象。なかなかイイんじゃないでしょうかこれ。