タグ「各エレメント」

タグ各エレメント

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 18 / 18件)

商用にも無料で使える！レスポンシブ用の200種類以上のコンポーネントが収録されたPSD素材 -Sally Blocks | コリス

2014/06/10 83 users エレメントコリスフォーマットコンポーネントテキスト

200種類以上のコンポーネントに、さまざまなエレメントやブロック、スタイルが収録された、レスポンシブ用にデザインされたPSD素材を紹介します。 Sally Blocks PSD素材には、レスポンシブ用のさまざまなエレメント、コンポーネント、スタイルが収録されています。各エレメントはベクターなのでサイズやカラー変更、テキストの変更なども簡単におこなえます。ダウンロードできるファイルのフォーマット... 続きを読む

さまざまなUIエレメントがiOS 7の透明とソリッドなラインの2パターンで作られたPSD素材 -iOS 7 Style UI Kit | コリス

2013/11/26 38 users Photoshop キャプチャコリス背景ソリッド

Photoshopで開いたキャプチャ各エレメントはベクターなのでカラー変更なども簡単にできます。アイテムは2種類。 Transparent Style 要素は透明で作成されており、洗練されたモダンなデザイン。背景のカラーを変えたり、写真画像を配置しても面白いと思います。 iOS 7 Line Style iOS 7ライクのソリッドなラインで構成されたデザイン。続きを読む

ウェブやモバイルの次のプロジェクトの参考にしたい、わくわくするUI/UXデザインのまとめ | コリス

2013/11/11 145 users コリス Behance スライダーアニメーション UX設計

ウェブやスマフォやタブレットのUI/UX設計の参考になるコンセプトデザインをBehanceから紹介します。UI/UXのデザインが素晴らしいだけでなく、それを見せるレイアウトも素晴らしいものばかりです。 Designer screen 各エレメントをレイヤー化する動きがアニメーションで楽しめます。 iOS 7 Style UI/UX Kit スライダー、パネル、フォームをはじめ、さまざまな要素をiO... 続きを読む

キュートな配色がかわいい！センスが光るUIエレメントが揃ったPSD素材 | コリス

2013/10/22 123 users コリス psd UIエレメント配色 PSD素材

ピンクのカラーとマカロンが大好きな仏のデザイナー：Marie Dehayesが作成した、キュートなカラースキームでかわいくデザインされたUIエレメントが揃っているPSD素材を紹介します。 Freebie - Flat Design User Interface Elements ダウンロードできる素材のフォーマットはプレビュー用の.pngとレイヤーが保持された.psdで、.psdでは各エレメントが... 続きを読む

ヴィンテージなデザインが素敵なUIエレメントのPSD素材 -Vintage Pixels UI Kit | コリス

2013/10/14 61 users コリス psd UIエレメント PSD素材ヴィンテージ

1950年代のヴィンテージなテイストを与えた、ちょっと珍しい素敵なUIエレメントのPSD素材を紹介します。 Vintage Pixels — User Interface Kit ダウンロードできる素材のフォーマットは.psdとプレビュー用の.pngで、PSDファイルでは各エレメントがベクターで作成されているので変更も簡単にできます。 Photoshopで開いたキャプチャ素材の利用にあたっては個... 続きを読む

ウェブデザイン用の各エレメントをフラット・ソリッドなど複数のスタイルに展開させたPSD素材 -3in1 UI Elements | コリス

2013/10/10 67 users コリス elements ソリッド PSD素材 UIエレメント

ナビゲーション、パンくず、ドロップダウン、ボタンなど、UIエレメントのデザインをそれぞれフラットとソリッドと立体感のあるバルキーの3パターンに展開させたPSD素材を紹介します。フラットが好き、ソリッドが好きでそのまま使うもよし、比較して勉強するのにもよし、のちょっといつもとは趣向の違った素材となっています。 3 in 1 User Interface Elements Kit Part 1 (F... 続きを読む

これはスゴ過ぎ！Bootstrap 3のインターフェイスの全てを再現したPSD素材 -Bootstrap 3 PSD | コリス

2013/09/04 105 users psd コリスモックインターフェイス Photoshop

Bootstrap 3の全ての要素を忠実に再現したPhotoshop用のPSD素材を紹介します。下記は縮小12.5%の状態です。 Bootstrap 3 PSD ダウンロードできる素材のフォーマットはPSDで、なんと1ファイル！ｗサイズが5150x5299と超解像度です。 Photoshopで開くと、こんな感じに。メモリがやばい各エレメントは忠実に再現されており、これを元にプレゼンやモック... 続きを読む

これは便利！レスポンシブで変化するエレメントを一元管理できるワイヤーフレーム作成ツール -RWD Wireframes | コリス

2013/03/17 99 users ワイヤーフレームコリスレスポンシブエレメント一元

ブラウザ上で、さまざまなスクリーンの幅に合わせたレスポンシブ用のワイヤーフレームを作成できるオープンソースのオンラインツールを紹介します。 RWD Wireframes RWD Wireframes -GitHub 使い方の前に、レスポンシブに対応している一番の売りから。 RWD Wireframesはレスポンシブ用のワイヤーフレームということで、配置した各エレメントをさまざまなデバイス用にサイズ... 続きを読む

レスポンシブ対応で柔軟性に富んだグリッドを使いたいならこのフレームワーク -Extra Strength Responsive Grids | コリス

2013/02/05 81 users 可変グリッドづらコリスレイアウトパネル

デスクトップ・タブレット・スマートフォンなど、レスポンシブ対応で柔軟性に富んだ可変グリッドのレイアウトをつくるのに便利なフレームワークを紹介します。各エレメントのツラや高さの異なるパネルも簡単に揃えることができます。 Extra Strength Responsive Grids Extra Strength Responsive Grids -GitHub Extra Strength Res... 続きを読む

ウェブデザインのセンスを磨く！ 2012年下半期洗練されたディテールのUIデザインのまとめ | コリス

2012/12/11 812 users コリス Dribbble psd ウェブデザイン Kit

2012年下半期、チェックしておきたいUIデザインをdribbbleから紹介します。 PSDやPNGファイルをダウンロードできるので、勉強にもなりますよ。下の方は、さまざまなエレメントが揃ったUI Kitです。 Future Camera app UI 近い未来こんな素敵なUIがくるのでしょうか。 Slide from The Bricks presentation 各エレメントが立体的に浮かび... 続きを読む

jQuery UIの各エレメントをレトロ風のかわいいデザインに変更するテーマファイル -jQuery UI Theme Retro | コリス

2012/11/06 107 users コリス jQuery UI レトロ風テーマファイル

Archive by month 2012年11月 (11) 2012年10月 (60) 2012年9月 (49) 2012年8月 (59) 2012年7月 (65) 2012年6月 (57) 2012年5月 (37) 2012年4月 (40) 2012年3月 (39) 2012年2月 (41) 2012年1月 (32) 2011年12月 (37) 2011年11月 (40) 2011年10月 (... 続きを読む

ページデザインの各エレメントのスペックを1クリックで表示するFireworksの機能拡張 -Specctr | コリス

2012/05/31 45 users ガイドラインコリス Fireworks 指示書メンバー

メンバーへの指示書、自分の確認、ガイドラインの作成に役立つ、各エレメントのサイズやフォント・カラーなどのスペックをクリック一つで自動表示するFirewoks用の機能拡張を紹介します。 Specctr Specctrの使用 [...] 続きを読む

[JS]複数のエレメントをターンテーブルのようにぐるぐる回すスクリプト -Roundabout | コリス

2012/03/15 92 users Roundabout learn コリスエレメントデモ

デモ：Around Other Things 回転の中心に他のエレメントを置いたデモ。 Roundaboutの使い方 Roundabouの実装方法を簡単に紹介します。詳しい実装方法については「Learn」をご覧ください。 Roundabout -Learn HTML ぐるぐる回転させる各エレメントをリスト要素で実装します。 <ul> <li></li> <li></li> <li></li> <... 続きを読む