作業ペースが上がる！ブックマークしておきたい無料UIデザイン素材40個まとめ
ウェブサイトやアプリのデザイン制作は、時間のかかる作業のひとつです。今回は、作業ペースを格段にアップする、ブックマークしておきたいUIデザイン素材をまとめてご紹介します。 素材はどれも無料ダウンロード可能となっており、文字テキストや配色、サイズの変更、カスタマイズも自由に行うことができ、あらゆるUIコンポーネント素材が揃っています。また、Retinaディスプレイ対応やミニマルスタイルなど、人気のデザイントレンドをうまく取り込んでいます。PhotoshopやIllustrator、Sketchなど幅広いデザインアプリに利用できる点もポイントです。 、 完全無料で美しい！参考にしたいUIキット50個まとめ 2017年保存版 ウェブサイト作成に困ったら使いたい！Photoshop無料テンプレート素材まとめ 2017年版 作業ペースを格段にアップする、ブックマークしておきたいUIデザイン素材まとめ
Google、マテリアルデザインWebサイト作成キットを無償公開
米Googleは7月6日（現地時間）、マテリアルデザイン仕様のWebサイトを構築するためのツールキット「Material Design Lite」を公開したと発表した。 基本的なCSS、HTML、JavaScriptのコンポーネントとテンプレートで構成されており、公式サイト（これもMaterial Design Liteで構築されたようだ）からダウンロードできる。 マテリアルデザインとは、Googleが昨年6月に発表したモバイルOS「Android 5.0 Lollipop」から採用しているデザインコンセプト。シンプルで直感的なユーザーインタフェースで、ディスプレイサイズに応じてデザインが最適化されるのが特徴だ。 Material Design Liteの「Lite」には、依存性の少なさ、コードサイズの小ささ（27Kバイトに圧縮されている）、手軽にインストールして使えること、などの意味が込
Dtail Studio - Carefully Crafted Digital Experiences
We’re an experienced team that helps clients to articulate their vision and connect with people. Learn what we do and how we do it. We’re an experienced team that helps clients to articulate their vision and connect with people. Learn what we do and how we do it. We’re an experienced team that helps clients to articulate their vision and connect with people. Learn what we do and how we do it.
UI Tiles·Webサイト全体の画面遷移設計に使えるデザイン集 MOONGIFT
Webサイトを開発する際に使われるのが画面遷移を表現するフローチャートです。例えばコマースであればトップページから商品一覧、カテゴリ一覧や商品のピックアップなどの遷移が考えられます。 深くなってしまう場所がないか確認したり、ユーザ動線が正しく描けているかどうか確認するのに便利です。UI Tilesはそんなフローチャートを作成するのに便利なデザイン集です。 UI Tilesの使い方 UI TilesはPNGの他、PhotoshopやIllustrator形式でファイルが配布されています。 PNG版。画面のモックがたくさんあります。 それぞれ小さいながらも特徴があります。 動画プレーヤ、ポートフォリオページもあります。 PSDはデモも用意されています。 デザイン一覧。 Illustratorも同様です。 UI Tilesを使うと、これまでは単なる四角い枠に対してトップページなどとラベルを貼って
羊のオリジナル年賀状イラストを描いてみた※フリー素材として無料ダウンロードOK | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
年の瀬ですね。デザイナー兼イラストレーターのもりたです。 12月25日まで残り1週間程となりましたが、年賀状の準備、してますか？ まだしてない？ あるある！ もうブログを口実に、自分の年賀状用のイラスト作っちゃおうかな……ということで、無料配布素材イラストを作ってみました！ 年賀状の準備がまだの方、一緒に年賀状の準備しちゃいましょう。 イラスト一覧 今回お届けするイラストは9種類です。 忙しい中、デザイナーのぺちこと姐さんがイラストを描いてくれました。ありがとう！（※各イラストのタイトルは勝手に私がつけました） 気に入った羊がいたらぜひダウンロードしてください！ 01：俺の正月（作：ぺちこ） パソコンをする羊、ボーッっと背中をかく羊、寝転がる羊……これ知ってる！ 私のいつもの正月だ！ 同じくダラダラ正月を過ごす予定の方、友だち宛にかわいくてゆるっとしたヒツジはいかがですか。 著作者：株式会
動作推奨環境 例文・テンプレート / Maka-Veli .com
もっとあると思うけど、とりあえずよく使いそうなヤツまとめました。 必要に応じてご自由に加筆・コピペしてご使用ください。 当方、責任は一切負いません。 コピペの場合、URLとOS/ブラウザ等のバージョンに気をつけてください。 推奨環境 OS Windows Vista、Windows 7、Windows 8、Mac OS X 10.4以降 ブラウザ Internet Explorer 9 以上 Google Chrome 最新版 Firefox 最新版 Safari 最新版 ※使用しているバージョンを確認する方法についてはこちらからご確認ください。 Windows Mac PDF PDFファイルを閲覧する場合にはAdobe® Reader® (Acrobat Reader 7.0以上)が必要となります。 Adobe® Reader® のダウンロードはこちら 動画 動画を視聴す
美しいグラデーションが簡単に利用できる！グラデの種類が豊富に揃ったmixinとスタイルシートのまとめ -SuperGradient
垂直・水平のベーシックなグラデーションをはじめ、放射状や斜め方向のグラデーションなど、さまざまな美しいグラデーションを描くmixinをまとめた「SuperGradient」を紹介します。 ↓4色を使った斜めのグラデーション、美しいですね！ SuperGradient SuperGradient -GitHub SuperGradientではグラデーションのタイプとカラー、そのカラーが始めるポイントを指定するだけで、簡単に美しいグラデーションが描けるSassのmixinがまとめられています。 下記に、そのmixinの使い方とスタイルシートでの記述も添えてみました。 Vertical, 2 colors 2色を使った垂直方向のグラデーション mixinの使い方 @include sgradient( $colors: ( (#31B7D7, 0%), (#EDAC7D, 100%) ) );
デザインの参考になる！落ち着いたカラースキームが使われているページレイアウトやUIのPSD素材のまとめ
サークルやダイヤモンドのエレメント、半透明のパネル、ソリッドなライン、同一色相のグラデーションなど、最近のWebトレンドを使い細部までしっかりと作り込まれたコーポレートサイト、ポートフォリオ、ランディングページなどのページレイアウトやUIキットが揃ったPSD素材を紹介します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
無料でしかも高品質！1ページで構成されたサイトを作るためのHTML5/CSS3のテンプレートのまとめ | コリス
FlyerHeroes - Premium PSD Flyer Templates for Photoshop