Facebook, Twitter, Instagram, TikTokなど、各ソーシャルメディアで最適な画像・動画サイズのまとめ -SocialSizes
Facebook, Twitter, LinkedIn, Instagram, Pinterest, TikTok, YouTube, AppStoreなど、各ソーシャルメディアで最適な画像のサイズ、最低限必要なサイズ、動画の長さなどをまとめてダウンロードできるSocialSizesを紹介します。 Adobe XD, Figma, Sketch, Photoshop用のファイルが用意されており、個別でも一括まとめてダウンロードもできるので非常に便利です。 SocialSizesでサポートされているソーシャルメディア Facebook Instagram LinkedIn Twitter Snapchat YouTube Pinterest Twitch Whatsapp AppStore TikTok ProductHunt Vk PlayStore 各ソーシャルメディアで最適な画像・動画
商用でも完全無料！Webサイトやスマホアプリをプレゼンで魅せるためのベクター素材 -Vector Mockups Library
Webサイトやスマホアプリのプレゼンテーション用に便利な無料のベクター素材を紹介します。iPhone, Androidをはじめ、スマホ・タブレット・デスクトップ・ブラウザなど、さまざまなデバイスが揃っています。 Vector Mockups Library 素材はMITライセンスで、個人でも商用でもクライアントのプロジェクトでも無料で利用できます。クレジットの記載は必要ありません。 ライセンスページ Vector Mockups Libraryには、以下のデバイスが揃っています。 iPad iPad Pro 12.9 iPad Pro 11 iPad Pro 12.9 iPad Pro 10.5 iPad 9.7 iPhone iPhone X iPhone 8 iPhone 5S Mac iMac Macbook Pro Watch Watch Series 4 Watch Series
もうアイコン素材に困らない！CC0でSVG完備、420種類のシンプルにデザインされたアイコン素材 -Evericons | コリス
シンプルなアイコン素材は、重宝しますよね。 Webサイトやブログ、スマホアプリなどにぴったりな、シンプルにデザインされた無料で利用できるSVG完備のアイコン素材を紹介します。 CC0なので、商用利用時のクレジット表記は不要、複製、改変、配布などもOKで、使い勝手がかなりよいと思います。
Mesh Gradients
Use this code while checkout for 50% discount for any product or subscription
Wireframing Kit for Adobe XD
Wireframes and Mockups created for Baxi’s mobile application using Adobe XD — Booking Screen & Ride Screen (left to right) Wireframing is an important skill in the software industry, used to organise information on an interface and communicate it with the team. Balsamiq, UXPin, Omnigraffle, Axure etc. are few of the already established wireframing apps. So, why did I put effort creating this wiref
ダウンロードしておきたい、すごいPhotoshop 無料ブラシ素材33個まとめ 2018年6月度
不定期となりますが、デザイン制作に活用したい無料Photoshopブラシをまとめています。今回は2018年6月分のまとめです。 デザインをゼロから作るよりも、スタンプ感覚で利用できるPhotoshopブラシ素材を利用することで、制作時間の大幅な短縮にもつながります。またデザインに重ねることで、テクスチャの質感を反映できるなど、テクニック向上を目指したアイテムが揃っています。ご紹介しているアイテムの一部は、IllustratorやiPad専用デザインアプリ Procreate に対応した無料素材も一緒にまとめています。 デザイナーが愛用したい！すごいPhotoshopブラシ素材45個まとめ 2018年3月度 【総まとめ】2017年公開！デザイナーが持っておきたいPhotoshop無料ブラシ厳選64個 ダウンロードしておきたい、すごいPhotoshop無料ブラシ素材まとめ Aurora Wat
目的別に探す！確認しておきたい無料ワイヤーフレーム50個まとめ 2018年度
プロジェクトの初期段階で、アイデアが完成に固まっていないとき、モバイルやWebプロジェクト用ワイヤーフレームを作成することで、機能とユーザーの流れをうまく計画することができます。ホワイトボードや鉛筆と紙でワイヤーフレームを作成するだけでも、デザイン制作において重要な役割を果たしてくれます。 今回は、探している特定の無料ワイヤーフレームを簡単に見つけることができるよう、マテリアルデザインやiOS向け、多目的モバイルアプリ、ウェウデザイン、UXデザインにカテゴリ分けしてご紹介します。 仕様やガイドライン、デザイントレンドは絶えず改善されており、以下の最新ワイヤーフレーム用テンプレートを活用してみましょう。 1. iOS ワイヤーフレーム素材 2. マテリアルデザイン用ワイヤーフレームキット 3. 多目的モバイル向けワイヤーフレームキット 4. Webデザイン向けワイヤーフレームテンプレート 5
商用利用無料！Webサイトやスマホアプリの美しいサイトマップやワイヤーフレームを作成できるベクター素材
300種類以上のコンテンツ、カード・ライン・アローなど、フローチャートで使用する形もベクターで収録された、サイトマップ・ワイヤーフレームを作成できる無料素材を紹介します。 商用レベルの美しいフローチャートを簡単に作成できる素材セットです。
Photoshopで編集ラクラク！Webサイト用の美しい無料PSDテンプレート45個まとめ
「ウェブサイトを作成したい、でも時間もスキルもない。」そんなときに役立てたいのが、あらかじめデザインされたテンプレート素材です。時間の節約になるだけでなく、デザインのベースとして使うことで手軽にカスタマイズできます。 今回は、無料ダウンロードできるPhotoshop最新ウェブテンプレート素材をまとめてご紹介します。テンプレート素材はどれもレイヤーごとにきちんと整理され、必要に応じて手軽にカスタマイズできるように設計、デザインされています。今後のデザインプロジェクトにいかがでしょう。 ウェブサイト作成に困ったら使いたい！Photoshop無料テンプレート素材まとめ 2017年版 作業ペースが上がる！ブックマークしておきたい無料UIデザイン素材40個まとめ Photoshopで使える！美しい Web サイト用の無料テンプレート素材まとめ Edd – Landing Page Sketch Fr
無料で700種類以上の画像アイコンとアイコンフォントをダウンロード可能で商用利用もOKな「IconBros」
身の回りの物や行動をシンプルに表して、直感的に理解させてくれるアイコンはウェブページやアプリのUIに欠かせないものです。そんなアイコンを700種類以上揃えて無料でダウンロードできるうえに、商用利用も可能で毎週新しいものが追加されているサイトが「IconBros」です。サイトで用意されているアイコンの形式は、画像形式のものと、アイコンを文字として扱うことが可能な「アイコンフォント」の2種類です。 IconBros https://www.iconbros.com/ IconBrosにラインナップされているアイコンは、アプリ作成やホームページ制作に使えそうなシンプルなものが多く、カラーで表情豊かな丸顔のアイコンや…… 白黒で日用品などを表したアイコン そして、アプリ作成に使えそうな再生やダウンロードを示すアイコンなど。アイコンのアップデート情報は公式のTwitterとfacebookでチェック
無料でいろいろなウェブアプリ・ネットサービスのSVG形式アイコンが使える「Simple Icons」
「Simple Icons」では、Instagram・Google Analytics・Spotify・iFixitなど、様々なウェブアプリやネットサービスのSVG形式アイコンファイルが合計で351種類、パブリックドメインで提供されていて、誰でも自由に使うことができます。 Simple Icons https://simpleicons.org/ アイコンはデフォルトだと背景色ごとに並べられています。上の方は赤系統。 そして黄色から緑、水色へ。 最後は青系統と黒。 一覧の左上には検索ボックスがあり、名前での検索も可能。たとえば「in」と入力すると「JustGiving」から始まって「Instagram」「Nintendo Switch」「Origin」などが引っかかりました。 なお、各アイコンをクリックするとSVG形式のファイルがダウンロードできます。
コピペ可ですぐに役立つ！マテリアルデザインを極めるHTML/CSSスニペット30個まとめ
Googleが2014年に提唱したデザインガイド「マテリアルデザイン」。最近の新しいウェブサイトでも、このマテリアルデザインの考え方や基本原則を取り入れたものが増えています。 今回は、コピー＆ペーストで手軽にマテリアルデザインを再現できるHTML/CSSスニペットをまとめています。 対応しているスニペットは、ナビゲーションメニューやドロップシャドウなど特長的な素材から、ボタンやカード型レイアウト、Preloader、ホバーエフェクト、チャット機能、モーフィングアニメーションなどさまざま。ゼロからスタイリングすると時間のかかってしまう作業を短縮できるものも多く、ぜひ実践の現場で役立ててみてはいかがでしょう。 マテリアルデザインを手軽に！CSS/HTML/JSコンポーネント「Material Design Lite」の使い方まとめ お好みのマテリアルデザイン配色でHTMLスニペットを一発作成で
【Bootstrap製】90ページ超えの無料HTML5／CSS3テンプレート素材 Titan
ウェブサイトやアプリ制作に必要なスタイルがあらかじめ定義された、人気CSSフレームワーク Bootstrap。しかし、デザインが他のサイトとかぶってしまうとお悩みの方も多いのではないでしょうか。 今回は、Web制作をより手軽に行うことができる、Bootstrap対応の無料HTML5/CSS3テンプレート素材 Titan をご紹介します。90ページにおよぶ大量のサンプルHTMLページが用意されており、あらゆるプロジェクトに活躍してくれるフリー素材となっています。 Bootstrap を拡張パワーアップ！参考にしたい50個の無料プラグイン、コンポーネントまとめ 無料HTML/CSSテンプレート Titan について Titan はHTML5/CSS3で制作されたBootstrap対応テンプレートで、過去5年間のウェブデザインの傾向を分析して作成されたスタイリッシュな素材です。 じっくりと検討さ
作業ペースが上がる！ブックマークしておきたい無料UIデザイン素材40個まとめ
ウェブサイトやアプリのデザイン制作は、時間のかかる作業のひとつです。今回は、作業ペースを格段にアップする、ブックマークしておきたいUIデザイン素材をまとめてご紹介します。 素材はどれも無料ダウンロード可能となっており、文字テキストや配色、サイズの変更、カスタマイズも自由に行うことができ、あらゆるUIコンポーネント素材が揃っています。また、Retinaディスプレイ対応やミニマルスタイルなど、人気のデザイントレンドをうまく取り込んでいます。PhotoshopやIllustrator、Sketchなど幅広いデザインアプリに利用できる点もポイントです。 、 完全無料で美しい！参考にしたいUIキット50個まとめ 2017年保存版 ウェブサイト作成に困ったら使いたい！Photoshop無料テンプレート素材まとめ 2017年版 作業ペースを格段にアップする、ブックマークしておきたいUIデザイン素材まとめ
超便利！確認しておきたい最新CSSツール、リソースガイド 2017年度
トレンドの変化やCSSの進化によって、最近は大量のツールや便利なリソースが公開されるようになりました。 この記事では、2017年これまでにリリースされた便利CSSツールやリソースをカテゴリごとにまとめてご紹介します。 制作時間の節約にもなるCSSライブラリとツールは、より手軽に利用できるだけでなく、Flexbox や CSS Grid といったまだ完全に理解していないCSSプロパティを習得するのにも最適といえるでしょう。 【2016年版】ウェブ制作を快適にする、知っておきたい無料オンラインツール50選 デザイナーが確認しておきたい、デザインリソース完全ガイド 2016年度 コンテンツ目次 1. CSS Flexbox ツール＆ライブラリ 2. CSS Grid ツール＆ライブラリ 3. CSSコンポーネント 4. CSS アニメーションツール＆ライブラリ 5. CSSリファレンス、ガイド＆
小さくてもくっきり見えてすごい！精巧で美しくデザインされたSVGのフリーアイコン素材 -Zondicons
ユーザーが一目で分かるよう精巧で、幾何学的な美しい図形でデザインされたユーザインターフェース用のSVGのアイコン素材を紹介します。 個人でも商用でも無料で、企業サイトなどにも利用できます。
ウェブサイト作成に困ったら使いたい！Photoshop無料テンプレート素材まとめ 2017年版
ウェブデザインを作成したいけど、デザインアイデアが浮かばない。そんな悩みを抱えたデザイナーは少なくはありません。世界中で公開された、ウェブサイト用テンプレート素材を利用すれば、デザイン制作時間を短縮し、より手軽にクリエイティブな作品を完成させることができます。 今回は、無料ダウンロードできるウェブサイト用PSDテンプレート素材をまとめてご紹介します。 ウェブデザイントレンドをうまく取り入れた作品が中心で、シンプルでミニマルな素材から、カード型レイアウトやマテリアルデザイン、画面を二分割したレイアウトやグラデーション、フラットスタイルなどどれも人気の高い素材ばかりが揃います。 完全無料で美しい！参考にしたいUIキット50個まとめ 2017年保存版 より手早くウェブサイトを作成したいときは、無料のHTMLテンプレートの利用も検討してみましょう。 レスポンシブ対応で無料！ウェブ制作を高速化できる
サイト構造や画面遷移を分かりやすく見せる、サイトマップ・フローチャートを作成する要素がすべて揃った無料素材 -UX Flow
Webサイトやスマホアプリのサイトマップ・フローチャートを簡単に作成できるSketch用の無料素材を紹介します。 ラインやアローをはじめ、アイコン、ラベル、パネルなど、サイトマップ・フローチャートを作成するための要素がすべて揃っています。
完全無料で美しい！参考にしたいUIキット50個まとめ 2017年保存版
ユーザーがウェブサイトを訪れたとき、まず目にするものがグラフィックデザインです。高品質なUIデザインを利用することで、ユーザーにサイトをより魅力的に見せることができます。 今回は、新しいデザイントレンドを取り入れた、完全無料ダウンロード可能なUIキットをまとめてご紹介します。 これらのUIキットを利用することで、クリエイティブで美しく、便利なウェブサイトやアプリデザインの作成をスピーディーに行うことができます。必要に応じてボタンやログインフォーム、ソーシャルメディアなどの要素を編集し、自由に利用することができます。 魅力的なウェブデザインを素早く仕上げる、すごい無料UIコンポーネント素材30個まとめ 完全無料でこのクオリティ！美しい新作UIキット50個まとめ 2017年版 Blog UI Kit ファイル形式: Sketch Prometheus | UI Kit ファイル形式 : PSD
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
こいつ動くぞ！商用利用無料、シンプルにデザインされたフォントもSVGも揃ったフリーのアイコン素材 -Box Icons
