タグ「UIエレメント」

タグ UIエレメント

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

(1 - 25 / 33件)

最近のデザインで使われている、ロゴ・ブランディング・Webサイトのガイドラインのまとめ | コリス

2017/04/25 107 users ブランディングバリエーションコリス定義ロゴ

Webサイトやスマホアプリのレイアウトの構成・展開、UIエレメントのバリエーション、カラーの使い方など、デザインの定義がまとめられたスタイルガイドを紹介します。ロゴやブランディングも引き出しを増やすためにも参考にしたい ...記事の続きを読む続きを読む

Webデザインの勉強にいい！レイアウトやUIエレメントやカラーの使い方の参考になるStyle Guideのまとめ | コリス

2016/01/06 198 users アニメーションバリエーションコリス定義展開例

レイアウトの基本構成・展開例、UIエレメントのバリエーション、カラーの使い方など、Webページのデザインの定義がまとめられたスタイルガイドを紹介します。各リンク先では、スタイルガイドの大きいものやアニメーションなどを見 ...記事の続きを読む続きを読む

商用利用無料、今時のスマフォアプリ用のワイヤーフレーム素材 -App Wireframes Kit | コリス

2014/03/18 259 users コリスベクターベースワイヤーフレーム素材フォーマット

スマフォアプリ用のさまざまなUIエレメントが用意されたベクターベースのワイヤーフレーム素材を紹介します。 App Wireframes Kit ダウンロードできる素材のフォーマットは、2種類。 .psd .ai どちらもベクターベースで作られているので、サイズ変更やカラー変更なども簡単にできます。 App Wireframes Kitには、スマフォアプリ用のさまざまなコンテンツが収められています。... 続きを読む

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

2013/10/22 123 users コリス psd 配色 PSD素材 PNG

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

ウェブ制作者のためにメンテナンスと拡張に重点をおいたフロントエンド用の軽量フレームワーク -UIkit | コリス

2013/07/29 258 users jQuery UIKit コリスウェブページ CSS

簡単に利用でき、カスタマイズも容易で、ウェブ制作者のためにメンテナンスと拡張に重点をおいたHTML, CSS, JavaScriptで作成されたフロントエンド用の軽量フレームワークを紹介します。 UIkit UIkit -GitHub UIkitは現在多くの制作者が利用しているjQuery, normalize.cssをベースに、ウェブページで利用するさまざまなUIエレメントが簡単に実装できます。... 続きを読む

ウェブページやスマフォアプリの制作時に参考にしたいUIエレメントをコレクションしているサイトのまとめ | コリス

2013/07/04 158 users インターフェイスディテール手助けコリスアニメーション

ユーザーが目的を達成するために手助けをする、機能的で、直感的で、美しいインターフェイスを備えることは非常に重要です。最近のウェブサイトやスマフォアプリなどでは、アニメーションを伴ったインターフェイスも増えてきました。アニメーションを伴った楽しいUI、ディテールにこだわったUIなどをコレクションしているサイトを紹介します。 SIX UX アニメーションを伴ったUIを6秒ほどの動画にしてコレクション... 続きを読む

透明感が美しい！さまざまな背景にマッチするUIエレメントのPSD素材 -Blugraphic | コリス

2013/05/12 159 users blugraphic コリス psd PSD素材トグル

特にブラーな背景などの繊細で美しい背景に映える、透明感が美しいUIエレメントのPSD素材を紹介します。 Transparent Ui Kit (Psd) Transparent Ui Kitには、ブログやコーポレートサイトなどに利用できるさまざまなUIエレメントが含まれています。ボタン、タグ、ラジオボタン、チェックボックスなどメニュー、検索ボックス、ソーシャルメディアなどトグル、ページネーシ... 続きを読む

実直なHTML5/CSS3でつくられたモバイルファーストのフレームワーク -Markup Framework | コリス

2013/04/23 134 users コリスレイアウトウェブサイトフレームワークコピー

商用利用も無料、変更もコピーも再配布もOK、汎用性に優れたレイアウトやUIエレメントをスタンダードなHTML5/CSS3で実装したフレームワークを紹介します。ウェブサイトを構築する際に、ベースとして利用するのによさそうです。 Markup Framework Markup Frameworkの特徴 Markup Frameworkのサポートブラウザ Markup Frameworkのデモ Mar... 続きを読む

[CSS]デスクトップ・スマフォ・タブレット向けの美しいUIエレメントを簡単に実装できるスタイルシート -TopCoat | コリス

2013/04/17 109 users TopCoat コリスレスポンシブ CSS 念頭

クリーンなHTMLを使い、レスポンシブを念頭においたUIエレメントを簡単に実装できるオープンソースのライブラリを紹介します。 TopCoat TopCoat -GitHub TopCoatのセットアップ当スタイルシートを外部ファイルとして配置するだけです。 [html] [/html] TopCoatのスタイルシートは2種類あり、デスクトップ用（24KB）、スマフォ用（20KB）となっています。... 続きを読む

box-shadowを使って実用的で素敵なUIエレメントを実装するCSSのスニペットのまとめ | コリス

2013/02/05 243 users コリス box-shadow Facebook エレメント

CSS3初心者でも簡単に利用でき、上級者でも実装のヒントになる、ページでよく使うパネルやボックス、ボタン、バーなどをbox-shadowを使って実装するスタイルシートのスニペットを紹介します。 10 Creative Techniques Using CSS3 Box Shadow 10個のスニペットは、Apple, Pinterest, Facebookなどで使用されているエレメントのHTML/... 続きを読む

CSS3を使った実用的なスタイルシートのテクニックのまとめ | コリス

2012/08/28 516 users エフェクトタブホバー時コリスレイアウト

パネルやボタン、タブ、メニューなどのUIエレメントの美しいスタイルをはじめ、ホバー時のエフェクト、レイアウトなど、CSS3を使ったスタイルシートのテクニックを紹介します。 ※CSS3を使っているため、対応ブラウザはIEでは9くらいのものが多いです。7対応もあります。続きを読む

すぐに使えてデザインも素敵、CSS3で実装されたUIエレメントのオープンソースのまとめ -CSS3 Code Snippets | コリス

2012/08/07 349 users コリスオープンソース CSS3 デザイン

Archive by month 2012年8月 (20) 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月 (45) 2011年9月 (52) 2011年8月 (46) 2011年7月 (42... 続きを読む

UIエレメントのデザインに悩んでる人にぴったり、UIエレメントのリソースが探せる・見つかる・使える -UICloud | コリス

2012/07/26 113 users UICloud コリスリソースデザイン

Archive by month 2012年7月 (59) 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月 (45) 2011年9月 (52) 2011年8月 (46) 2011年7月 (42) 2011年6月 (51... 続きを読む

UICloud : WebデザイナーのためのUIエレメント専門のリソースサイト [K'conf]

2012/07/26 104 users リソースサイト UICloud ユーザーインターフェース

UICloudはフリーのUI（ユーザーインターフェース）素材を専門に扱うリソースサイト。ウェブサイト上で使う様々な要素やアプリケーション用の素材など数多くのUIエレメントがラインナップされており、CCライセンスで自由にダウンロードして利用することが可能です。キーワード検索で探したりカテゴリー別でブラウズして探すことができます。Webデザイナーやアプリ開発者など、ブックマークしておくと何かと役に立... 続きを読む

快適にさくさく作れる、ワイヤーフレーム・モックアップがブラウザ上で作成できるHTML5アプリ -Moqups | コリス

2012/07/11 236 users コリス redo Paste undo Cut

Moqupsの特徴 Moqupsの使い方 Moqupsの特徴ドラッグ&ドロップでエレメントを簡単に配置できます。約60種類のUIエレメントを用意。 PDF, PNGへの書き出し。 HTTPS対応。自動保存。スマートガイド。カスタマイズ可能なグリッド。オブジェクトはグリッドにスナップ。オブジェクトのロックとグループ化。右クリックで、Undo/Redo/Cut/Copy/Pasteなど... 続きを読む

無料で使えるUIデザインの基本要素が詰まった32の素材集 | SEO Japan

2012/06/04 757 users UIデザイン SEO Japan 基本要素素材集ピクセル

先日、UIデザインが素晴らしい35のウェブスタートアップという記事が人気となりました。今回はあんな今風のウェブUIを気軽に簡単にデザインしてみたい！という方のためにフォトショップ用のUIエレメントのファイル集を32厳選してご紹介。どれもフォトショップ形式、かつベーシックなまさに今風にデザインされた要素ばかりなので、便利に使えそうです。 — SEO Japan 今回の記事ではピクセルパーフェクトなU... 続きを読む

レストランやカフェ、レシピサイトから素敵なデザインのUIエレメントのまとめ | コリス

2012/06/03 287 users コリスレストランカフェデザインレシピサイト

Archive by month 2012年6月 (4) 2012年5月 (37) 2012年4月 (40) 2012年3月 (39) 2012年2月 (41) 2012年1月 (32) 2011年12月 (37) 2011年11月 (40) 2011年10月 (45) 2011年9月 (52) 2011年8月 (46) 2011年7月 (42) 2011年6月 (51) 2011年5月 (46)... 続きを読む

手描き風がいい感じ、全1,000種類以上のスマフォやウェブのUIエレメントが揃ったKeynote用のベクター素材 -Keynotopia | コリス

2012/05/28 333 users Facebook コリスモックアップベクター素材スマフォ

iPhonem iPad, Androidなどのスマートフォンをはじめ、ウェブサイトやFacebook、Windows 7やOS Xなど、さまざまなモックアップのアイテムが揃ったKeynote用の素材を紹介します。ダウンロードできる素材は1,000種類以上のアイテムが揃っており、テンプレートはスマートフォンやウェブサイト用のものもあります。 iPhone用モックアップテンプレート iPad用モ... 続きを読む

商用利用も無料、美しいページレイアウトと細部まで作り込まれたUIエレメントが揃ったウェブデザイン用のPSD素材 -Blaz. | コリス

2012/05/16 484 users コリスメルボルン PSD素材細部ウェブデザイン用

「Blaz.」はメルボルンのデザイナーBlaz Robarが長年学んだデザインの技を共有することを目的としたサイトで、ウェブデザイナー・開発者に無料で利用できるウェブデザイン用のPSD素材を配布しています。 Blaz R [...] 続きを読む

[JS]ウェブページのUIエレメントにちょっとだけ便利な機能を加えるスクリプト -minjs | コリス

2012/05/14 110 users コリスウェブページモジュールスクリプト外部ファイル

minjsは現在、3つのモジュールが公開されています。 minform longtable drcal minform HTML5のフォーム周りの便利な機能を非サポートブラウザでも利用できるようにします。 minformの使い方 minformはスクリプトを外部ファイルとして記述するだけで、下記のフォーム関連の機能が非サポートブラウザでも利用できるようになります。 placeholders 入力欄... 続きを読む