最近のWebデザインで採用されているページレイアウトやUIの新常識がチェックできる素材のまとめ
最近のWebのUIはフラットデザイン・Material Designが着実に進化し、シンプルでコンテンツにフォーカスされたデザインが定着してきました。テキストは読みやすく、写真はより大きく使用されています。レイアウトは縦長型やカード型の人気が高く、デスクトップでもスマホでもスクロールを前提にしたデザインが主流となっています。 最近のWebデザインで採用されているページレイアウトやUIの新常識がチェックできる素材やプレビューを紹介します。 Boring Cards UI Kit PSD、個人・商用利用無料。 Bootstrap 4でも新しいコンポーネントとして注目されているカードを使用したUIキット。黄金比をベースにしたデザインはさまざまなサイズ・カラーで展開することができます。
Googleの提唱する「マテリアルデザイン」の事例を集めまくって無料で素材のダウンロードまで可能な「MaterialUp」
Googleが開発者向けイベントGoogle I/O 2014で発表した新しいUX体系が「マテリアルデザイン」です。アニメーションやカードデザインなどを使い、「合理的な余白と動きを使った統一理論に基づいたもの」と定義されていますが、このマテリアルデザインの優れたウェブサイトやモックアップを毎日最大12個展示する「MaterialUp」は、「優れたマテリアルデザインとは何か」が一目で分かる上に素材のダウンロードまでできる便利なウェブサイトになっています。 The Best Of Material Design, daily – MaterialUp http://www.materialup.com/ マテリアルデザインとは何か？ということは、以下の記事から読むことが可能です。 アニメーションを使ったGoogleの新UXデザイン「Material Design」とは？ - GIGAZINE
ボタンのデザインに悩んだら参考にしたいサイト -House of Buttons
House of Buttons ボタンのコレクションは上記トップページからも閲覧できますが、月ごとにまとめられたアーカイブページも用意されています。
148種類の無料アイコン ウェブアプリケーションやマルチメディア用 -Bright! | コリス
商用でも無料で利用できる、細部までしっかりデザインされたベクター形式のアイコンをIcon Edenから紹介します。
UI Sounds • Sound Effects • SoundKit
SoundKit is a UI sound library designed for all of your interface needs. Featuring 300 professional, royalty free sound effects, designed for use in mobile and desktop app design. Each sound has been custom crafted for UI applications. Designed to sound great on mobile devices as well as high end speakers. Alerts Alerts include warning sounds, alarms, confirmations, and everything in between. Musi
CC0で著作権の制限無しで使える！Webページの背景などにいい素敵な動画がダウンロードできる -Distill
Distill Distillで配布されている動画のライセンスは「CC0」で、著作権による制限は一切ありません。最初ライセンスが分からなかったので、管理者に聞いたところ「under the CC0 license」と教えてもらいました。 動画のダウンロードには登録など面倒なことは一切ありません。各動画にあるダウンロードアイコンをクリックするだけです。
シンプルなデザインのウェブサイトでよく使用されるアイコンのPhotoshopのフリー素材
ウェブサイトでよく使用されるホームや検索やショッピングカートなどのアイコンを描くPhotoshopのブラシとシェイプを紹介します。 Web Icons Brushes（Photoshop用のブラシ） Web Icons Shapes（Photoshop用のシェイプ） 素材はブラシとシェイプなので、サイズやカラーなど好みのものに変更して使用することができます。 アイコンの種類は、下記のようになっています。
Function Design Blog - Resources & Inspiration for Designers & Developers
Seamless Vector Subtle Grunge Patterns Mar 23rd, 2020 · by Liam McKay
10,000以上のかっこいいファビコンをコレクションしているサイト -Faviconize
Faviconizeは、ユーザーの人気投票で選ばれたファビコン(Favicon)をリストするファビコンのディレクトリサイトです。 Faviconize ※2013年1月現在リンク先無効のため削除しました。 現在、Faviconizeには11,645個のファビコンが登録されており、それぞれのサイト情報とファビコンの人気度を見ることができます。 お気に入りのファビコンを登録するにはOpenIDが必要となります。
The Pattern Library
this on going project compiles patterns shared by the most talented designers out there for you to use freely in your designs.
これは貴重！商用利用無料のかっこいい動画素材がダウンロードできる -Mazwai | コリス
背景いっぱいに動画を表示したページを作りたい！ でも動画をつくるのは大変、、、そんな時にはかっこいい動画素材が揃った「Mazwai」。 Mazwai Mazwaiの紹介の前に、、、動画をページに使いたい時は、先日紹介したスクリプトがスマホも配慮されており簡単です。 動画をブラウザいっぱいやエレメントの背景として配置できるスクリプト（スマホにも配慮） -Vide MazwaiではまさにWebページで使いやすい動画のフォーマットが2種類用意されています。 .mp4 .webm 動画もいい感じのものがたくさん揃っています、風景、人物、街中、オブジェクトなどいろいろ！ ダウンロードできる動画は、2種類が用意されています。 ショートバージョンは各サムネイルを右クリックでダウンロードでき、ロングバージョンはサムネイルをクリックして動画を全画面表示し、右下のアイコンからダウンロードできます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.uiplayground.in/css3-icons/
Webchantier Vector Image Portal
GraphicRiver - Fonts, Logos & Icons
WEBALYS | Web Designer Freelance - Design Interface Application - France
Web Icon Set - Offers Professionally Designed Web Icons and Stock Icons
Welcome to Dezinerfolio | Dezinerfolio
分かりやすいスケッチ風のワイヤーフレームのエレメントの無料素材
ウェブUIの設計時に使える、ワイヤーフレーム用の無料のPSD素材
GraphicBurger