Bootstrap 4に備えよう！グリッドと基本エレメントを忠実に再現したデザイン用の素材 -GhostlyPixels | コリス

2015/08/28 58 users Photoshop PSD素材 コリス Bootstrap

先週リリースされた「Bootstrap 4 alpha」で採用されている12カラムのグリッドと基本エレメントを忠実に再現したPhotoshopのPSD素材を紹介します。 Bootstrap 4のはまだ見たことないので、世...記事の続きを読む 続きを読む

【保存版】iOS 7のインターフェイスやアイコンを作成するのに役立つデザイン用の素材・チートシートのまとめ | コリス

2013/10/01 143 users コリス インターフェイス ユーザインターフェイス 磨りガラス

ホワイトをベースにしたフラットなスタイル、ソリッドなライン、磨りガラスのような半透明なパネル、ブラーエフェクトなど、iOS 7のユーザインターフェイスやアイコンを作成するのに役立つ素材・リソースを紹介します。 本体のモックアップ用の素材は、前回まとめたiPhone 5s/5cをどうぞ。 iPhone 5s/5cのモックアップ用のPSD素材のまとめ Download iOS 7 UI Kit PSD... 続きを読む

Android, iOS, Windowsの各デバイスが揃っているデザイン用のPSD素材 -Mobile Design Kit | コリス

2013/09/06 68 users iOS コリス psd PSD素材 Android

商用でも無料で利用できる、Android, iOS, Windwosの15種類のデバイスが揃っているデザイン用のPSD素材を紹介します。 Mobile Design Kit 左からAndroid, iOS, Windowsの各デバイス ダウンロードできる素材のフォーマットはPSDで、各OSごとにデバイス一覧、スクリーンサイズ一覧が揃っています。 Androidのデバイスの一覧 iOSのデバイスの一... 続きを読む

レスポンシブ デザイン用のレイアウトやナビゲーションなどのパターンのまとめ -This Is Responsive | コリス

2012/09/12 237 users コリス Responsive ナビゲーション レイアウト 画像

レスポンシブ デザインのレイアウト、ナビゲーション、画像、フォームのパターンをはじめ、有益なリソースなどをコレクションしているサイトを紹介します。 This Is Responsive レスポンシブ デザインのパターン レスポンシブ デザインのリソースとニュース レスポンシブ デザインのパターン まずは、レイアウトやナビゲーションなど、レスポンシブ デザイン用のパターンから。 Responsive... 続きを読む

便利で使いやすいベクターPhotoshopブラシ集「250+ Useful Vector Photoshop Brushes」 | DesignDevelop

2011/06/08 93 users Photoshop DesignDevelop テクニック

便利で使いやすいベクターPhotoshopブラシ集「250+ Useful Vector Photoshop Brushes」 デザインを作成する際には、さまざまなデザイン用ソフトを利用します。中でも使用頻度の高いPhotoshopは、ラインのきれいなベクター画像を素材として描くにはテクニックが必要になります。そこで今回紹介するのが、Photoshopで手軽に利用できるベクターブラシセットを集めた... 続きを読む

ワイヤーフレームやユーザーインターフェイスのデザイン用のフリーの素材集 | コリス

2010/08/30 335 users コリス Twitter iPhone Facebook SNS

iPhone, iPad, Androidなどのモバイルデバイス、Facebook, TwitterなどのSNSのウェブサイト、IE, Firefoxなどの各種ブラウザのワイヤーフレームやユーザーインターフェイスのデザイン用の素材を紹介します。 Free Wireframing Kits, UI Design Kits, PDFs and Resources 上記サイトでは各素材が多数紹介されてお... 続きを読む

CSSデザインできるスクロールバー表示JavaScript （fleXcroll） - youmos

2007/07/20 167 users youmos スクロールバー CSS スクロールバーデザイン

通常のスクロールバーデザインはブラウザやOS環境に依存するため、コンテンツデザインに合わない場合があります。コンテンツ内に表示するスクロールバーをCSSでデザインできるようにしてくれるのが、fleXcroll。 ダウンロードサンプルに含まれるデザインスクロールバーは2種類となっている。あまり良いデザインではないので、自身で作成するのが良いだろう。デザイン用のイメージ素材とスタイルシートを作成すれば... 続きを読む

ウインドウの横に隠れるサイドナビゲーションJavaScript （side-bar.js） - youmos

2007/06/20 179 users youmos ウィンドウ CSS タブ ナビゲーション

コンテンツにナビゲーションを設置する際、コンテンツの端にタブ状のナビゲーションを表示できるようにしてくれるのが、side-bar.js。タブをクリックするとスライドしながら、メニューが表示される。 利用するにはmootools.js又は、scriptaculous.jsが必要になる。ダウンロードファイルには動作に必要なJavaScriptファイルとデザイン用の画像イメージなども含まれている。CSS... 続きを読む