TOP  >  デザイン

Tag : デザイン

2018年09月10日

リアルタイムにデザインを編集できるWordPressプラグイン「The Divi Builder」

世界中で利用されているCMSの一つWordpress。国内でも多くのユーザーが利用しており、法人・個人問わず利用されていますが、今回紹介するのは、リアルタイムにデザインを編集できるWordpressプラグイン「The Divi Builder」です。

The-Divi-Builder

通常テーマはいくつかのファイルによって構成されており、テンプレートの修正やカスタマイズするとなると、多くの場合、コードを書いて修正しなければなりませんでした。この「Divi」はブラウザ上で自由にデザインカスタマイズやテンプレート側の修正が行えるというものです。実際の操作しているシーンを交えた、プロモーション動画が公開されていましたので以下からご覧ください。

動画は以下から

(さらに…)

続きを読む
posted 09:30  |  
Category: plugin , WordPress   
このエントリーをはてなブックマークに追加
2018年08月26日

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

素材として使用するアイコンは、ほしいときにほしいものがすぐ取り出せるように、できるだけ多くの種類をストックしておきたいもの。そんな中今回紹介するのは、食イメージをポップに彩るアイコンセット「Food & Drinks Icon Set」です。

capitalist1

ポップで明るい印象の、パステル調のカラーリングで統一されたフードやドリンクのイメージアイコンがセットになっています。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2018年08月24日

世界のいろいろな人の表情や特徴を表現できるアバターアイコンセット「Cute User Avatar Icon Set」

アイコンは、デザイン制作に持っておくと便利な素材の1つ。非常にさまざまな種類がインターネット上でダウンロードできるようになっています。そんな中今回は、ちょっと個性的なアイコンセット「Cute User Avatar Icon Set」を紹介したいと思います。

avatar1

世界のいろいろな人の表情や特徴を表現することができる、可愛らしい雰囲気が特徴のアイコンがセットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2018年08月22日

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

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

font0820_2
Freebies | Wacaksara

30種のデザイン性のあるフォントがまとめられており、どれも非常に魅力的なものばかり。気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Font   
このエントリーをはてなブックマークに追加
2018年08月20日

神秘的なモチーフをラフな雰囲気で表現した素材セット「Free scandinavian runes artistic set」

フリーでダウンロードできる素材には非常にさまざまな種類が存在しており、気になったものをストックしておくことで、いろんなシーンで活用することができます。そんな中今回は、神秘的なモチーフをラフな雰囲気で表現した素材セット「Free scandinavian runes artistic set」を紹介したいと思います。

rones1

ルーン文字という古代の文字などが、柔らかい雰囲気のイラスト素材セットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2018年08月16日

デザインにアクセントを加えてくれる 無料のスクリプトフォント30種「30 Free Script Fonts You Can Use for Your Designs」

スクリプトフォントはザインに自然な雰囲気を与えることができ、それぞれが個性を持っているので、フォント一つでデザインのイメージをコントロールすることも可能です。そんな中今回は、無料で公開されているスクリプトフォントをまとめた「30 Free Script Fonts You Can Use for Your Designs」を紹介したいと思います。

font0815
CAMPGROUND – FREE MONOLINE SCRIPT on Behance

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Font   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2017年11月05日

様々なテイストが揃うミニマルなフリーフォントまとめ「50+ Best Free Fonts for Minimalist Designs」

デザインの印象を決めるフォント。流行りやデザインの雰囲気を考えながら、数多くの中から選定するのはとても大変な作業です。だからこそ、トレンドを押さえたフォントを幾つか手元にストックしておきたいもの。今回紹介するのはそんな時に役立つ、ミニマルなフリーフォントまとめ「50+ Best Free Fonts for Minimalist Designs」です。

minimal_font01
Fresh Ultramodern Free Fonts for Designers | Fonts | Graphic Design Junction

スタイリッシュから可愛らしいものまで50種類のフォントが紹介されていますので、デザイナー必見のまとめとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Font   
2013年06月13日

アレンジ次第でさまざまなデザインに利用可能なフリーコンクリートテクスチャ「9 Free High-Res Concrete textures」

webやグラフィックのデザイン制作に欠かすことができない素材の中でも、使用頻度の高い写真テクスチャ。シンプルなもの程アレンジの幅が広く、非常に重宝するのではないでしょうか?今回はそんなコレクションに是非加えたい、フリーコンクリートテクスチャ「9 Free High-Res Concrete textures」を紹介したいと思います。

concrete3

比較的シンプルなタイプのコンクリートを撮影したテクスチャが9種類収録されています。

詳しくは以下

(さらに…)

続きを読む
posted 08:47  |  
Category: Design   
2009年08月14日

Twitterアイコンの決定版400個のフリーTwitterアイコンを集めた「400+ Beautiful Twitter Icons」

国内でも人気のコミュニケーションサービスTwitter。今も続々と様々な周辺サービスがリリースされています。話題になっている事も有りTwitterを利用していると言う方も増えてきているのではないでしょうか!?

400-twitter-icons01

Twitter単体だけの利用ではなくTwitterとWEBやBLOGを連携していると言う方も多いと思います。今日紹介するのはそんな方にオススメなフリーで使えるTwitterアイコンを集めたエントリ「400+ Beautiful Twitter Icons for your Website」です。

詳しくは以下

(さらに…)

続きを読む
posted 03:36  |  
Category: WebDesign   
2010年06月07日

フェードインでロールオーバーできるjQueryプラグイン「hoverFade」

メニューなどのインターフェイスの仕掛の一つとしてスタンダードな手法ロールオーバー。自分が今、何を触っているのかがすぐに分かるUI向上のためには常識的なものです。今回紹介するのはそんなロールオーバー処理をフェードインで表現するjQueryプラグイン「hoverFade」を紹介したいと思います。

developsfover

本の少しの違いですが、通常のロールオーバーに比べると作りこんだ感じを受けます。とくにメニュー部分などユーザーの目が触れやすく、常に触る部分への実装はクオリティを高く見せるためにも重要なのではないかなと思います。

詳しくは以下

(さらに…)

続きを読む
posted 12:04  |  
Category: WebDesign   
2017年10月26日

レスポンシブ設計をスムーズにsuruレスポンシブレイアウトをテストする為のフリーツールまとめ「7 Free Tools For Testing Responsive Layouts」

現代のWebデザインに置いて欠かせない基礎設計となっている、レスポンシブレイアウト。PCとスマートフォンでの見え方の違いを手軽にチェックしたい、そんな時の手助けとなる便利なテストツールをまとめた「7 Free Tools For Testing Responsive Layouts」を今回は紹介したいと思います。

7-free-testing-responsive-layouts1
7 Free Tools For Testing Responsive Layouts | Webdesigner Depot

使いやすい全てフリーで利用できるツールが7種ご紹介されています。その中から幾つかおすすめのツールをピックアップしてまとめましたので、是非ご覧ください。

詳しくは以下
(さらに…)

続きを読む
2017年05月14日

レトロな3Dマップを手軽に作成できる「Low Poly Art Maker」

さまざまな最新技術や描写表現が進化する現代でも、昔ながらのレトロなデザインは、根強く人気の高いジャンルの一つ。中でもレトロゲームの世界のようなデザイン表現はいろんなシーンで活用されています。今回はそんなレトロな質感の3Dマップを手軽に作成できる「Low Poly Art Maker」を紹介したいと思います。

lowpoly1

種類豊富なパーツを組み合わせて、自分だけのオリジナルレトロマップを作り上げることができるアートメーカーです。使い方が分かりやすく紹介されたムービーが公開されていますので、まずは以下よりご覧ください。

ムービーは以下より

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2011年12月13日

さまざまなデザイン・レイアウトのフォームデザインまとめ「28 Brilliant Form Layouts in User Interface Design」

企業サイトやポートフォリオサイトなどへの設置が必須となっているコンタクト・問い合わせ用のフォーム。デザインがどうしても、シンプルでワンパターン化してしまいがちだと思います。そんな時に役立つ、さまざまなデザイン・レイアウトのフォームデザインまとめ「28 Brilliant Form Layouts in User Interface Design」を今回は紹介したいと思います。

見やすく・入力しやすさも重視されている、デザイン性の高いフォームばかりが集められています。気になったものをピックアップしていますので、下記より御覧ください。

詳しくは以下

(さらに…)

続きを読む
2014年05月23日

テキストをグラフィカルに変化させる Photoshop&Illustratorのチュートリアルまとめ「44 New Photoshop Illustrator Text Effects Tutorials」

使用するだけでデザインを演出してくれるフォントは多数存在しますが、もっとグラフィック的なデザインを求めるシーンも多くあると思います。今回はそんな時に是非参考にしたい、テキストをグラフィカルに変化させる Photoshop&Illustratorのチュートリアルまとめ「44 New Photoshop Illustrator Text Effects Tutorials」を紹介します。

tuto1
Tutorial: Candy Text Effect

さまざまなテイストやイメージにテキストを加工できる方法が分かりやすく紹介されたまとめとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2011年06月10日

水の動きを感じられるテクスチャ集「35 Refreshing Still Liquid Textures」

手軽に利用できるテクスチャ素材は、種類が豊富になればなるほど、表現の幅を広げることができると思います。そこで今回紹介するのは、豊富な表情を持つ水のさまざまな動きを感じられるテクスチャを集めた「35 Refreshing Still Liquid Textures」です。


Fountain Water Texture 2 by ^FantasyStock on deviantART

柔らかな表情から、激しさを感じるテクスチャまで、さまざまなテクスチャが紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:42  |  
Category: Design , Photoshop   
2010年02月09日

WEBレイアウトに使えるjQueryプラグインを集めた「15 jQuery Plugins for Better Web Page Element Layouts」

軽量で高機能なjavascriptライブラリjQueryですが、今回紹介するのはWEBレイアウトに使えるjQueryプラグインを集めた「15 jQuery Plugins for Better Web Page Element Layouts」です。

jqlayout01
jQuery MasonryMasonry Demo

最近よく見かける、カラムが自動的に組み変るものだったり、文字の回りこみだったり、カラムの高さを揃えたりと様々なWEBレイアウトに効くjQueryプラグインが集められています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:58  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る