TOP  >  Design

Tag : Design

2015年08月30日

定番として活用できる36個のアイコンをセットにした「The Website Icon Set」

特に、webデザインをする際に多様するアイコン。種類もデザインも非常に膨大なタイプのものが存在し、特に最近だと非常に個性的なデザインのアイコンも多くなっています。しかしやはり、よく使うのは定番タイプのもの。今回はそんな定番として活用できる36個のアイコンをセットにした「The Website Icon Set」を紹介したいと思います。

36icons

シンプルかつベーシックなデザイン・種類が特徴。36種という厳選された数ですが、持っていると心強い味方となってくれそうな種類が揃っています。

詳しくは以下

(さらに…)

続きを読む
posted 10:15  |  
Category: Design   
このエントリーをはてなブックマークに追加
2015年08月29日

iPhoneでのAPPデザイン設計に最適なワイヤーフレーム集「Basement iOS」

アプリをデザインするためには、まず全体の構成設計が必須。しかしすべてのページやコンテンツ分を一から作り上げるのはなかなか大変だと思います。今回はそんなときに活躍してくれる、iPhoneでのAPPデザイン設計に最適なワイヤーフレーム集「Basement iOS」を紹介したいと思います。

ioswire1

さまざまな種類のページ設計ワイヤーフレームがまとめられており、作りたいアプリのジャンル別に使い分けることができます。

詳しくは以下

(さらに…)

続きを読む
posted 10:30  |  
Category: Design   
このエントリーをはてなブックマークに追加
2015年08月28日

デザインにセンスの良い素材を フリーフォントまとめ「20 Free Fonts for Graphic and Web Designers」

フォント選びは非常に重要なものであり、デザインに最適なものをしっかりと見極め選定することで出来栄えが違ってきます。そんな中今回は、デザインに優れたセンスをプラスできるフリーフォントまとめ「20 Free Fonts for Graphic and Web Designers」です。

font0828_3

シンプルベースなタイプから、フォントだけで個性的なデザインがされているものまで、いろんな種類が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:59  |  
Category: Font   
このエントリーをはてなブックマークに追加
2015年08月27日

企業サイト制作に最適なフリーwordpressテーマ「12 Free Small Business Themes For WordPress」

さまざまなサイト制作に便利なwordpress。更新作業なども容易に行うことができ、また構築する側にとっては嬉しいフリーのテーマも多数配布されています。そんな中今回は、企業サイト制作に最適なフリーwordpressテーマ「12 Free Small Business Themes For WordPress」を紹介したいと思います。

wordpress0827_1
Revera | FabThemes.com

企業ブランディングに欠かせないwebサイト。印象的なサイトを作り上げるのにぴったりなテーマが紹介されています。

詳しくは以下

(さらに…)

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

モダンテイストなデザイン性のあるアイコンまとめ「50 Modern Examples of Thin Line Icons」

webデザインで頻繁に使用するアイコン。デザイン性のあるものも数多く配布されており、いろいろなストックされている方も多いのではないでしょうか?そんな中今回紹介するのは、モダンテイストなデザイン性のあるアイコンまとめ「50 Modern Examples of Thin Line Icons」です。

icon08025_0
Dribbble – Caviar – Fastbite by Tamer Koseli

いろいろな種類のアイコンがまとめられており、ぜひ使ってみたくなるものばかり。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

wordpressでのサイト構築に活用したいフリーテーマ集「50 Responsive, Beautiful and Free WordPress Themes」

デザイン性の高いwordpressのテーマは数多く配布されており、中にはフリーで使用できるものも多く存在しています。そんな中今回は、wordpressでのサイト構築に活用したいフリーテーマ集「50 Responsive, Beautiful and Free WordPress Themes」を紹介したいと思います。

wordpress0825_1
StanleyWP – Twitter Bootstrap WordPress Theme – GentsThemes.comGentsThemes.com

主流のデザインを取り入れた、クオリティの高いテーマが揃っています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

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

2009年11月04日

WEBで使える新しいフリーアイコンセット集「40 Fresh and Free Icon Sets for Web Designers and Bloggers」

WEB制作には欠かせないアイコン。サイトに彩りを与えてくれるだけではなく、ユーザーインターフェイスの改善なども行ってくれる心強いアイテムです。便利なものではありますが、実際作るとなるとかなり手間がかかるモノでもあります。今日紹介するのはそんな便利なアイコンセットを集めたエントリー「40 Fresh and Free Icon Sets for Web Designers and Bloggers」です。

freshicon01
178 Amazing Web Design Icons

全部で40ものハイクオリティで使えるアイコンが紹介されています。今日はその中から幾つ描きになったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 08:27  |  
Category: WebDesign   
tag: webdesign
2010年05月26日

CSSで創るボタンが簡単に生成できるボタンマーカー「Button Maker」

画像で作るボタンと違いCSSで作るボタンはデザインの殆どが数値やパラメーターで制御でき、画像で作るボタンにくらべて表現の幅に多少の制約はでるものの、後からの修正などを考えると非常に使い勝手も良いのですが、一つのボタンをつくるのにもそれなりのコードを書かないとクオリティの高いCSSボタンはできません。そこで今回紹介するのは簡単にCSSのボタンを生成してくれるボタンマーカー「Button Maker」です。

btmarker01

ボタンのデザインの制御はバーをいじることで簡単に反映され、上からボタンのpadding、ボタン自体の大きさ、角丸の大きさに分かれていて、グラデーションやベースの色、テキストのカラーもカラーピッカーで簡単にそれぞれの色別に直感的に操作ができるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 11:56  |  
Category: WebDesign   
2014年09月08日

ポップなテイストのフリーアイコンが80種揃った「Medlee – 80 Fancy Icons」

比較的小さく使用することの多いアイコン。単体使いでも印象的に見せるためには、アイコン自体にも個性が必要です。そんな中今回紹介するのは、ポップなテイストのフリーアイコンが80種揃った「Medlee – 80 Fancy Icons」です。

medlee1

スロバキアのデザイナー・Luke Mynus Kovac氏手がける、個性を感じさせるかわいらしいテイストが特徴のアイコンが80種セットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

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

懐かしい雰囲気が漂うアメリカンヴィンテージフォント20選「20 Free Retro and Vintage Fonts to Use in 2018」

街中で見かけるポスターや広告、そこには様々なフォントが使用されていますが、今回は、どこか懐かしいアメリカンヴィンテージフォント20選「20 Free Retro and Vintage Fonts to Use in 2018」を紹介したいと思います。

Retro_Vintage_Fonts01
Paralines – Free Font on Behance

デザインにアクセントをプラスしてくれるレトロな雰囲気漂うフォントです。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Font   
2007年10月30日

Javascriptで動くFlashライクなスライドショー「COULOIR」

FLASHでのスライドショーは色々とカスタマイズできて見栄えも良くクリエイティブな感じですが、当然FLASHの取得がある程度必要になってきますし、カスタマイズも普段コードばっかり描いてる人には少し厄介です。今回紹介するのはFLASHのようなクリエイティブなスライドショーをJavascriptで実現させた「COULOIR」です。

couloir

写真の切り替えエフェクトやデザインはかなりシンプルでどんなサイトでも合うデザインになっています。機能的にはスライドショーとしての最低限の機能が実装されているという感じです。動作デモは「Couloir.org: Resizing, Fading Slideshow Demo」です。

このスライドショーの実装にはprototype、moo.fx、soundmanagerなどの既存のライブラリが必要ですが、配布元にはこれらのライブラリも含めて配布してくれているのでダウンロードしてすぐに使う事ができます。ソースのダウンロードは下記のリンクの上部「About this Slideshow »」を押して出てくる「Download the source」からどうぞ。

Couloir.org: Resizing, Fading Slideshow Demo

続きを読む
posted 04:25  |  
Category: WebDesign   
2009年11月14日

WordPressのテーマをより強化してくれる厳選プラグイン集「10 WordPress Plugins To Boost Up Your Theme You Have Ever Known」

世界中で使われているCMS、Wordpress。柔軟なデザイン性の他にも幅広い拡張機能が簡単に実装できるプラグインの数でも人気を集めていますが、今日紹介するのはWordpressのテーマをより強化してくれる厳選プラグイン集「10 WordPress Plugins To Boost Up Your Theme You Have Ever Known」です。

10-wordpress-plugins-01
Paginator

ログイン、コントロールパネル、レーティングなどなど様々なッ種類のプラグインが紹介されています。今日はその中から幾つ描きになったプラグインをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 05:41  |  
Category: plugin , WordPress   
tag: 
2017年08月22日

シンプルかつハイクオリティなデザインを可能にする商用フリーのフラットデザイン素材まとめ「35 Free Flat Graphics and Web Elements for Designers」

シンプルで機能的なフラットデザインは、場面を選ばずどんなシーンにも合わせやすい優れもの。今やWeb制作には欠かせない、デザイン手法の一つではないでしょうか。今回ご紹介するのは、そんなフラットデザインを手軽に取り入れる事ができる、商用フリーのフラットデザイン素材をまとめた「35 Free Flat Graphics and Web Elements for Designers」です。

free-flat1
Weather – Daily UI #037 – Freebie by Roman Bova – Dribbble

情報をすっきりと分かりやすく見せてくれる、魅力的なフラットデザインが35点もまとめられています。今回はその中から、おすすめしたい素材を幾つかピックアップしましたので、以下よりご覧ください。

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

続きを読む
2012年07月25日

繊細なデザインに最適な細い線のフォント「30 Excellent Thin Fonts for Free」

フォントにはさまざまな形が存在しており、デザインに合わせて最適なものを選ぶことがとても重要になっています。そんな中今回紹介するのは、繊細なデザインに最適な細い線のフォント「30 Excellent Thin Fonts for Free」です。


OPTICAL FIBER font by weknow – FontSpace

細いラインをベースにしたフォントが、個性的なものからシンプルなものまで、多數紹介されています。気になったものをまとめましたので、以下よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 12:58  |  
Category: Design , Font   
2008年12月22日

クリスマス気分を演出してくれるフリーフォント10選「10 Free Christmas fonts」

もうすぐクリスマス。直前となってクリスマスカードを作っているそんな方もいるかと思います。今日紹介するのはクリスマスの雰囲気を盛り上げてくれるフリーフォントを集めたエントリー「10 Free Christmas fonts」を紹介したいと思います。


Download Porcelain-so you can share it with other people and use it for free

コミカルな書体から、きれいめな書体まで様々なフォントが紹介されていますが、今回はその中から気になったものをピックアップしていくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 05:58  |  
Category: Design , Font   
tag: Design Font
2010年04月24日

CSS3で作る素晴らしいボタン・メニュー集「12 Excellent CSS3 Button and Menu Techniques」

いままでのCSSで画像を使ってしかできなかった表現が、CSSのみで、できるようになった次世代のCSS3。実際にもう使われていたり、名前は広く知られていたりしますが、今回紹介するのはCSS3を活かしたボタンやメニューを集めたエントリー「12 Excellent CSS3 Button and Menu Techniques」です。

css3_nav_01
Radioactive Buttons

上記のようなCSS3の機能である、グラデーション、角アール、ドロップシャドウなどをうまく使った様々なボタンやメニューのデザインTipsがまとめられています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:35  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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