2019年のWEBデザインのトレンドは?「20 Web Design Trends For 2019」 | DesignDevelop

2018/12/31 31 users トレンド webデザイン

2018年も今日で最後となりました。沢山のWEBサイトが今年もリリースされ様々な印象的なデザインや表現手法が生まれました。今回紹介するのは来年2019年の主流になりそうな、WEBデザイントレンドを紹介したエントリー「20 web design trends for 2019」。 2019年以降に来ると言われているデザイントレンドの中から、国内... 続きを読む

SNSのシェア率アップに効果的なWordPressプラグイン13種 | DesignDevelop

2018/11/27 6 users SNS

コンテンツがいくら面白くても、サイト内にシェアボタンが無いことで拡散の機会を失っていたら、本当にもったいないことですよね。今回紹介するのは、 WordPressでスタイリッシュなSNSボタンを設置できるプラグイン「13 Effective WordPress Plugin to Lift Up Your Sharing Rate」です。 Content Resharer シェア率を高... 続きを読む

年末年始のデザインに取り入れたいフリーフォントまとめ「Free Fonts: 25 New Fonts For Graphic Designers」 | DesignDevelop

2018/11/23 23 users Font design ハイクオリティ フォント 数々

TOP  >  Design , Font  >  年末年始のデザインに取り入れたいフリーフォントまとめ「Free Fonts: 25 New Fonts for Graphic Designers」 フォントはいくつあっても困ることのないアイテムです。これまでも数々のフォントを紹介していますが、今回紹介するのは、クリスマスやお正月のデザインをもっとハイクオリティに演... 続きを読む

高品質な映像でデザインに可能性を与えるフリービデオ素材サイトまとめ「5 Sources Of Free High-Definition Stock Video」 | DesignDevelop

2018/11/13 10 users Webdesign design ヘッダー ふり 映像

TOP  >  Design , WebDesign  >  高品質な映像でデザインに可能性を与えるフリービデオ素材サイトまとめ「5 Sources of Free High-Definition Stock Video」 美しく高品質な映像をウェブサイトのヘッダーに使用すれば、新たなデザインの可能性が広がります。そんな中今回は、高品質な映像でデザインに可能性を与えるフリ... 続きを読む

トレンドの配色をカラーコード付きで参照できる「Trendy Palettes」 | DesignDevelop

2018/09/20 14 users WebService design 配色 組み合わせ 要素

TOP  >  Design , WebDesign , WebService  >  トレンドの配色をカラーコード付きで参照できる「Trendy Palettes」 デザインの印象を決定付ける、重要な要素の一つに配色があります。色の組み合わせは思っている以上に難しく、いつも同じような配色になってしまう、または配色自体が思いつかないと色で悩んでいる方も多... 続きを読む

食イメージをポップに彩るアイコンセット「Food & Drinks Icon Set」 | DesignDevelop

2018/08/26 10 users アイコンセット food パステル調 アイコン ドリンク

素材として使用するアイコンは、ほしいときにほしいものがすぐ取り出せるように、できるだけ多くの種類をストックしておきたいもの。そんな中今回紹介するのは、食イメージをポップに彩るアイコンセット「Food & Drinks Icon Set」です。 ポップで明るい印象の、パステル調のカラーリングで統一されたフードやドリンクの... 続きを読む

デザインに取り入れたい ハイクオリティなフリーフォントまとめ「30 New Truly High Quality Free Fonts For Designers」 | DesignDevelop

2018/08/24 18 users ブリーフ フリーフォントまとめ デザイン フォント 要素

デザインに取り入れたい ハイクオリティなフリーフォントまとめ「30 New Truly High Quality Free Fonts for Designers」 デザインの仕上がりを左右する重要な要素はいくつか挙げられますが、中でもフォントは慎重に選び、デザインとマッチさせたいもの。今回はそんなときにぜひ参考にしたい、ハイクオリティなフリーフ... 続きを読む

手書き風からスタイリッシュなロゴ風まで フリーのスクリプトフォント26種「26 Best Free Script Fonts For Designers」 | DesignDevelop

2018/08/12 15 users グリーティングカード Font フォント 手書き文字 筆記体

TOP  >  Font  >  手書き風からスタイリッシュなロゴ風まで フリーのスクリプトフォント26種「26 Best Free Script Fonts for Designers」 スクリプトフォントとは、筆記体のように手書き文字の滑らかな筆の流れを基に作られたフォントのこと。招待状やグリーティングカードを装飾するような派手なものから、本当に誰か... 続きを読む

スプレーで描いたたような無料のグラフィックキット「Spray Art Graphics Toolkit」 | DesignDevelop

2018/07/28 7 users スプレー DESIGN クオリティ グラフィック素材 表現

TOP  >  Design  >  スプレーで描いたたような無料のグラフィックキット「Spray Art Graphics Toolkit」 デザインを制作する際、すべて自作できれば良いのですが、手の混んだ表現を作るのにはそれなりに時間がかかります。そんな時は、グラフィック素材をうまく利用して、時間を短縮しながらデザインのクオリティ... 続きを読む

デザイナーのための フリーAdobe XD用UIキット20種「20 Free Adobe XD UI Kits For Web & Mobile App Designers」 | DesignDevelop

2018/07/28 82 users Sketch 頭角 Photoshop 正式リリース web

デザイナーのための フリーAdobe XD用UIキット20種「20 Free Adobe XD UI Kits for Web & Mobile App Designers」 数年前まで、UIデザインはPhotoshopとSketchを中心に行われていましたが、2017年に正式リリースをしたAdode XDが着実にアップデートを重ね、新たなUIデザインツールとして頭角を表してきています。今回は... 続きを読む

夏の今だからこそ使いたい夏をモチーフにしたアイコンまとめ「Free Icon Sets For Summer 2018 That Will Heat Up Your Designs」 | DesignDevelop

2018/07/08 14 users モチー Your Designs モチーフ 到来 機会

夏の今だからこそ使いたい夏をモチーフにしたアイコンまとめ「Free Icon Sets for Summer 2018 that will Heat up Your Designs」 7月に入り本格的に夏の到来を感じるこの頃。夏をテーマにしたデザインを手がける機会も増えてきたのでは無いでしょうか？今回ご紹介するのは、そんな今の時期だからこそ使いたい夏をモチー... 続きを読む

カラフルでインパクト抜群なマーブルテクスチャー素材「18 Ink Marble Paper Textures」 | DesignDevelop

2018/04/21 15 users マーブル テクスチャ ストライプ DESIGN ドット

TOP   >   Design   >  カラフルでインパクト抜群なマーブルテクスチャ素材「18 Ink Marble Paper Textures」 写真加工やデザインにアクセントを加えたりなど、デザインに幅広く活用することができるテクスチャ。特にマーブルやドット、ストライプなどパターンになったテクスチャは、利用する機会も多いのはないでしょうか。今回ご紹介するのは、そんなマーブルテクスチャー素... 続きを読む

プログラマーにとって便利なプログレスバーのJavaScript Plugins「 9 Free Progress Bar JavaScript Plugins For Web Designers」 | DesignDevelop

2018/03/12 19 users プログレスバー プログラマー 遊び心

プログラマーにとって便利なプログレスバーのJavaScript Plugins「 9 Free Progress Bar JavaScript Plugins For Web Designers」 Webサイト閲覧中によく見かけるプログレスバーですが、最近は動きや形も様々で遊び心のあるものも増えてきています。そんな中今回は、プログラマーにとって便利なプログレスバーのJavaScript Plugi... 続きを読む

ログインをもっと快適に オープンソースのログインフォーム10選「10 Open Source Login Pages Built With HTML5 & CSS」 | DesignDevelop

2018/03/06 158 users ログインページ CSS クオリティ オープンソース 参考

ログインをもっと快適に オープンソースのログインフォーム10選「10 Open Source Login Pages Built With HTML5 & CSS」 会員登録ページや管理画面へのアクセスに使用するログインページ。シンプルなものが一般的ですが、こだわりを見せることでサイトのクオリティは高まります。今回はそんな時に参考にしたい、オープンソースのログインフォーム10選「10 Open S... 続きを読む

高度な技術を習得できる便利なPhotoshopチュートリアル「32 New Photoshop Tutorials – Learn Essential Techniques」 | DesignDevelop

2018/02/26 14 users Photoshop 合成技術 作品 写真 1枚

高度な技術を習得できる便利なPhotoshopチュートリアル「32 New Photoshop Tutorials – Learn Essential Techniques」 Photoshopを自在に操ることができると様々な場面で役に立ちます。高度な合成技術があれば、まるで1枚の幻想的な写真であるかのような作品が出来上がります。今回紹介するのは、高度な技術を習得できる便利なPhotoshopチュ... 続きを読む

POPなカラーが目を惹く8bitの幾何学的パターンセット「8-bit Memphis Patterns Pack」 | DesignDevelop

2018/02/23 16 users POP Webdesign 8BIT パターンセット カラー

TOP   >   Design  ,  WebDesign   >  POPなカラーが目を惹く8bitの幾何学的パターンセット「8-bit Memphis Patterns Pack」 シームレスなパターンは様々なシーンで活用できるアイテム。デザーナーとしてはいくつか違ったテイストのアイテムを手元に揃えておきたいものです。そんな中今回紹介するのは、POPなカラーが目を惹く8bitの幾何学的パター... 続きを読む

制作時に役立つillustratorのチュートリアル「Illustrator Tutorials: 35 Fresh And Useful Adobe Illustrator Tutorials」 | DesignDevelop

2018/02/22 24 users イラストレーション Illustrator フォント 処理

制作時に役立つillustratorのチュートリアル「Illustrator Tutorials: 35 Fresh and Useful Adobe Illustrator Tutorials」 デザイナーはイラストレーションやフォントの処理など様々なテクニックが求められます。高度な技術を求められた時、チュートリアルがあるととても便利です。今回紹介するのは、制作時に役立つillustratorの... 続きを読む

アナログゲームのイメージをデザインに ピクセルアイコンセット「Mario Pixel Icon Collection」 | DesignDevelop

2018/02/19 68 users アイコンセット オブジェクト DESIGN アナログゲーム

TOP   >   Design   >  アナログゲームのイメージをデザインに ピクセルアイコンセット「Mario Pixel Icon Collection」 アナログな雰囲気を演出するには、手描き文字やイラスト、かすれた色合いのオブジェクトなどが使用されることが多いですが、今回紹介するのは、まるでアナログゲームの世界を再現したかのようなアイコンセット「Mario Pixel Icon Col... 続きを読む

CSSとSVGで作るアイコンセット「Let’s Make Multi-colored Icons」 | DesignDevelop

2018/02/17 20 users アイコンセット SVG Illustrator JPEG 使い

Webサイト内でよく見かけるアイコンですが、みなさんはどのように制作しているでしょうか。IllustratorやPhotoshopを使い、JPEGやPNG形式で保存している方も多いかと思いますが、今回紹介するのは、CSSとSVGで作るアイコンセット「Let’s make multi-colored icons」です。 SVGのメリットを活用したアイコンの生成方法が分かりやすく解説されています。 詳... 続きを読む

CSSで簡単に導入できるカスタマイズも可能なSVGバックグランドセット「SVG Backgrounds」 | DesignDevelop

2018/02/16 41 users SVG シームレス フォーマット 縮小 CSS

近年Webデザインに導入する機会が増えてきた「SVG」。拡大や縮小が容易にできる為、レスポンシブ性が求められるWebデザインに適応するフォーマットとして注目を集めています。今回ご紹介するのはそんなSVGを利用した背景を容易に生成できる「SVG Backgrounds」です。 シームレスで拡大と縮小に適応したSVGバックグランドをCSSコードで入手することができます。 詳しくは以下 ベーシックな縞模... 続きを読む

カラーコードから色の相性を確認できるwebツール「.colors{}」 | DesignDevelop

2018/02/15 15 users colors 配色 工程 相性 組み合わせ次第

デザインの印象を決める配色は、組み合わせ次第で全く異なる印象へと変化する、重要な工程です。そんな配色だからこそ、しっかりと吟味して最適な組み合わせを選びたいもの。今回ご紹介するのはその配色を行う際に役立つwebツール「.colors{}」です。 好きなカラーコードを入力して、その色同士の相性を確認することが出来るWebデザインに最適なツールです。 詳しくは以下 ツールは大まかに、カラーコードを入力... 続きを読む

魅力的なブログ制作に！ベストなフリーTumblrテーマ20選「20+ Best Free Tumblr Themes For Powerful Blogging In 2017」 | DesignDevelop

2018/02/07 18 users tumblr ブログサービス 既存 テキスト テーマ

魅力的なブログ制作に！ベストなフリーTumblrテーマ20選「20+ Best Free Tumblr Themes For Powerful Blogging in 2017」 写真や動画を気軽にシェアしたり、テキストを投稿できるTumblrは、手軽にブログを始められる人気のサービス。フリーのテーマを使えば、既存のブログサービスよりもおしゃれでデザイン性の高いブログを手軽に始めることが可能です。... 続きを読む

幾何学的なデザインを簡単に生成できる素材セット「Neo Memphis Megaset」 | DesignDevelop

2018/02/04 14 users ビビッドカラー ネオン 図形 今期 ドット

80年代を思わせる、どこかレトロな幾何学的デザイン。今期も引き続き人気で、多くのデザインシーンで使用されています。そんな中今回紹介するのは、幾何学的なデザインを簡単に生成できる素材セット「Neo Memphis Megaset」です。 92種のベクターパーツとオリジナルの34種のポスターがセットになった、ネオンなビビットカラーもとても印象的な素材となっています。 詳しくは以下 図形やドット、ライン... 続きを読む

カラフルでポップなセール用ベクターセット「Free Colorful Sales Vector Set For Designers」 | DesignDevelop

2018/01/27 10 users Webdesign DESIGN 装飾 セール TOP

TOP   >   Design  ,  WebDesign   >  カラフルでポップなセール用ベクターセット「Free Colorful Sales Vector Set For Designers」 紙で制作しなくてはならない場面が多いものの一つである“セール”のデザイン。目を引くデザイン性が求められるポイントですが、カラフルにしたり装飾をつけるなどしていると、ついまとまりがなくなってしまい... 続きを読む

近未来を表現したデジタライズフォント「Kid A - Free Font」 | DesignDevelop

2018/01/27 23 users フォント 近未来 選定 Free Font メイン

デザインは使うフォントでイメージがガラリと変わります。メインとなるタイトルには印象的なフォントを使ったり、読ませる部分には可読性の高いものを使うなどシーンで使い分ける必要があるので、フォントの選定はとても重要となります。そんな中今回紹介するのは、近未来を表現したデジタライズフォント「Kid A – Free Font」です。 処理を加えることで多彩な表現が可能なデジタライズフォントです。 詳しくは... 続きを読む