TOP  >  デザイン

Tag : デザイン

2018年05月25日

地図や案内図の制作に使えるロケーションアイコンセット「Free Location Icon Set」

地図などを制作する際に大切なのが、場所を示す記号やアイコン。情報量の多い地図であれば有るほど、一見して内容を把握できる記号やアイコンはとても重要なアイテムです。今回ご紹介するのは、そんなマップ制作に使えるロケーションアイコンをまとめた「Free Location Icon Set」です。

free-location-icon-set1
The Free Location Icon Set (40 Icons, SVG & PNG)

全部で40種類もの地図や場所に関わるアイコンがセットになった、便利なアイコン集です。

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

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

デザイナーやコーダーにとって役に立つDreamweaverのテンプレート「25 Free Dreamweaver Templates for Every Website」

Webサイトは1ページで構成されるランディングページ、複数ページでの構成とさまざま。そんな中、デザイナーやコーダーにとって役に立つのがWebサイト用のテンプレートです。そんな中今回はDreamweaverのテンプレート「25 Free Dreamweaver Templates for Every Website」を紹介したいと思います。

dw_template01
Iridium by TEMPLATED

構成やデザインの参考としても使える25種類のテンプレートです。中でも気になったものをピックアップしてみました。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2018年05月23日

Instagramのストーリー投稿に活用出来るテンプレート「12 Instagram Story Templates」

Instagramにお気に入りの場所やおしゃれなカフェ、見た目も可愛いスイーツなど様々な写真を投稿している人は多いのではないでしょうか。最近では”フォトジェニック”から”ストーリージェニック”に変わりつつあるようで、動画の投稿が注目されています。そんな中今回は、Instagramのストーリー投稿に活用出来るテンプレート「12 Instagram Story Templates」の紹介です。

Instagram_Story01

動画投稿もおしゃれにしたいという思いを叶えてくれるテンプレートのセットです。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2018年05月22日

動画で紹介する分かりやすいIllustratorチュートリアル「30 Free Adobe Illustrator Video Tutorials On Web Design」

Illustratorは様々な機能を備えた、デザイナーにとって必要不可欠な万能ツールです。イラストからWebサイトの制作まで幅広く活用できるので、卒なく使いこなしたいもの。そんな中今回は、動画で紹介する分かりやすいIllustratorチュートリアル「30 Free Adobe Illustrator Video Tutorials On Web Design」の紹介です。

illustrator_tutorial01
[Web Design] Site Flat UI Design – Food/Cafeteria Website UI Illustrator Walkthrough/Tutorial – YouTube

様々な操作方法が動画で紹介されているので、初心者の方も安心して参考にできます。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2018年05月21日

写真の合成からエフェクト効果までデザイン制作に役立つPhotoshopチュートリアルのまとめ「40 Best free Photoshop tutorials from 2018」

デザイナーにとってPhotoshopは写真加工に限らず、様々なシーンで活用出来る優れたツールです。多くの機能が備わっていますが、なかなか使いこなせない。といった苦手意識を持っている方も多いかもしれません。そんな中今回は、写真の合成からエフェクト効果までデザイン制作に役立つPhotoshopチュートリアルのまとめ「40 Best free Photoshop tutorials from 2018」の紹介です。

ps_tutorial01
How to Create a High-Contrast Skateboard Flyer in Adobe Photoshop

40もの参考になるチュートリアルが紹介されたサイトです。気になった方はぜひチェックしてみてください。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2018年05月20日

デザイン性の高いプロユーザーも使えるフォントまとめ「 25 fresh free fonts from 2018」

フォントはいくつあっても困ることのないアイテムです。これまでも数々のフォントを紹介していますが、今回紹介するのは、デザイン性の高いプロユーザーも使えるフォントまとめ「 25 fresh free fonts from 2018」です。

25freefonts_01
Messenger — 1871 Project

シンプルなフォントから個性的なものまで様々なフォントが集約されたサイトの紹介です。中でも気になったものをいくつかピックアップしてみました。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加

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

2011年02月16日

iphoneアプリを始めとした、モバイルのためのUIデザインパターン集「Mobile UI Patterns 」

国内でも数多くの機種がリリースされ、普及の兆しを見せてきているスマートフォン。それに伴い多くのコンテンツが制作されてきています。今日紹介するのはそんなモバイルコンテンツの様々なパーツデザインを集めたUIデザインパターン集「Mobile UI Patterns 」。

スプラッシュ、フィード、ユーザープロフィールなどなどモバイルのアプリやWEBサイトに欠かせない、様々なデザインが収録されています。

詳しくは以下

(さらに…)

続きを読む
2010年06月10日

アナログ感が演出できる手書き&スクリプトフォント60「60 Free Handwritten & Script Fonts」

フォント選びはデザインの中でも、もっとも重要な作業の一つで、表現したいイメージに合うフォントを探しだせれば、デザインのクオリティも非常にあがります。今回紹介するのはアナログ感が演出できる手書き&スクリプトフォントを集めたエントリー「60 Free Handwritten & Script Fonts」です。

akadora
akaDora フォント

全部で60ものフォントが集められています。今回はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:57  |  
Category: Design , Font   
2010年02月16日

CSS3ボタンテクニック集「20 CSS3 Tutorials and Techiques for Creating Buttons」

WEBデザインの次世代規格として注目を集めているCSS3。徐々に技術系のWEBサイトでも取り上げられて、WEBデザイン業界内では話がでる機会も増えてきたと思いますが、今日紹介するのはCSS3を使ってボタンを作るテクニック集「20 CSS3 Tutorials and Techiques for Creating Buttons」を紹介したいと思います。

css3button01
Pretty CSS3 Buttons

グラーデーション、オーバラップ、ドロップシャドウなどなど、いままで画像でしか表現が困難だったボタン表現が多数集められています。今日はその中からいくつか気になったテクニックを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:34  |  
Category: WebDesign   
2018年09月14日

作品を美しく見せるポートフォリオサイトベスト20「20 Best New Portfolios, September 2018」

デザイナー・プログラマー・イラストレーターなど、クリエイティブな職業についていると、実績や作品というのは重要な営業のための要素の一つで、自分の作品をどう見せていくのかで、仕事の質や量にも大きく影響してくると思います。今日紹介するのは、作品を美しく見せるポートフォリオサイトベスト20「20 Best New Portfolios, September 2018」

01-45royale
45royale – A remote web design company with 12+ years of experience

原文には全部で20のポートフォリをサイトがまとめられていますが、今日はその中からいくつか気になったものを抜粋して紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
2011年03月12日

東北地方太平洋沖地震に関してまとめのまとめリスト

今回の東北地方太平洋沖地震に関する記事を様々な方がまとめられていますが、
まとめをさらにまとめて記事にしました。少しでも皆様のお役に立てればと思います。
随時、役に立ちそうなまとめを見つけた時点で、更新していきます。

またブログメディアをお持ちの方でもし自分のサイトでもという方で、
下記のリストがもし役立ちそうであればご利用ください。
  
 
【まとめのまとめ】
東北地方太平洋沖地震対策まとめ
http://d.hatena.ne.jp/seijotcp/20110312/p1

地震・津波・帰宅困難用まとめのまとめ
http://bipblog.com/archives/2725908.html

地震情報の記事まとめ[更新中] #jishin
http://www.gizmodo.jp/2011/03/_jishin.html

東北地方太平洋地震のソーシャルメディアでの対応【義援金追加・随時更新】 – NAVER まとめ
http://matome.naver.jp/odai/2129984847046256401?keyword=%E5%9C%B0%E9%9C%87

『東北地方太平洋沖地震対策まとめ』のまとめ – NAVER まとめ
http://matome.naver.jp/odai/2129985817946324801

東北地方太平洋沖地震に関する記事のリンクまとめ : 無題のドキュメント
http://mudainodqnment.ldblog.jp/archives/1547382.html

東北地方太平洋沖地震に関する情報いろいろ*二十歳街道まっしぐら
http://20kaido.com/archives/2645879.html
 
 

【Twitter関係】
無料開放Tweetのまとめ
http://togetter.com/li/110487

東北地方太平洋沖地震、ネット上でのデマまとめ
http://d.hatena.ne.jp/seijotcp/20110312/p1

「地震の情報・アドバイスの拡散まとめ」
http://togetter.com/li/110496

被災地でないところで できること/するべきでないこと
http://togetter.com/li/110683

岩手県の被害状況まとめ
http://togetter.com/li/110729

「井上雄彦氏 Message」
http://togetter.com/li/110722
 
 

【放送関係】
NHK
http://www.ustream.tv/channel/7475111
http://live.nicovideo.jp/watch/lv43018790

TBS
http://www.ustream.tv/channel/4939766

フジテレビ
http://www.ustream.tv/channel/4446277
http://live.nicovideo.jp/watch/lv43019860

ニコニコ動画/ニコニコニュース
http://live.nicovideo.jp/watch/lv43004420

Androidアプリ
https://market.android.com/details?id=tv.ustream.ustream&feature=search_result

iPhoneアプリ
http://itunes.apple.com/jp/app/ustream/id301520250?mt=8
 
 

【その他】
地震が起こったら、まずこれをしろ!
http://www.satonao.com/column/variety/jishin.html

地震発生時緊急マニュアルまとめ
http://mblg.tv/enokiiii/entry/1/
 

photo by Some rights reserved by Alex Barth

続きを読む
posted 11:37  |  
Category: WebService   
tag: 
2018年04月30日

環境をテーマにしたフリーで使える50種類のエコロジーアイコン「50 Free Ecology Icons (Linear, Flat, Outlined)」

様々なシーンで活用できるアイコン素材はいくつ手元にあっても困ることはありません。今回紹介するのは、環境をテーマにしたフリーで使える50種類のエコロジーアイコン「50 Free Ecology Icons (Linear, Flat, Outlined)」です。

ecologyicon01

Webサイトやグラフィックデザインどちらでも使えるベクターデータのアイコン素材です。

詳しくは以下

(さらに…)

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

各テーマ共通のfaviconを表示できるプラグイン「Favicon Head」

サイトの個性を出すためにもfaviconは重要な要素の一つです。通常WordPressでfaviconは表示させるには使っているテーマのheader.phpの部分にコードを記述すれば良いのですが、これではテーマを変えた時にまたfaviconの設定をしてあげなくてはいけません。

そこで今日はこの面倒な作業をなくすためのfavicon関連のプラグイン「Favicon Head」を紹介したいと思います。

インストール方法

1.Timblogからプラグインをダウンロード

2.ダウンロードしてきた「favicon-head.php」を「 wp-content/plugins/」へアップロード

3.「favicon-head」プラグインの有効化

4.管理画面 > [各種設定] > [favicon-head]でfaviconの位置を指定

以上です。

管理人はなぜか通常のヘッダにコードを挿入する方法が上手く行かなくてfaviconの表示をプラグインに頼ってしまいました。テーマをあまり変えない人には使い道が無いかもしれませんが、テーマを頻繁に変える方にはとってもお勧めなプラグインになっています。

Timblog

続きを読む
posted 07:53  |  
Category: plugin , WordPress   
2009年05月10日

秀逸なサムネイルデザインを集めた「Thumbnail In Web Design: Examples And Best Practices」

WEBをデザインする上で、欠かせない要素の一つがサムネイル。情報を一覧でさらにグラフィカルに見せてくれる非常に有効な手段ですが、このサムネイルもデザインで大きく印象が変わってきます。

athumb01

今日紹介するのはそんなサムネイルの秀逸なデザイン集「Thumbnail In Web Design: Examples And Best Practices」です。かなりの数のサムネイルが公開されていますが、今日はその中から気になった物をいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:39  |  
Category: WebDesign   
tag: webdesign
2012年12月07日

サイト制作にそのまま使える!デザイン性の高いWordPressテーマまとめ「26 New Freebie WordPress Themes Released in 2012」

個人でWEBサイトを制作する方も増えていますが、専用のデザインソフトがなく、なかなか思い通りのサイトを作れないとお悩みの方も多いのではないでしょうか?そんな中今回紹介するのが、サイト制作にそのまま使える、デザイン性の高いWordPressテーマをまとめた「26 New Freebie WordPress Themes Released in 2012」です。


Classic Photography Theme for WordPress | Vandelay Design Blog

シンプルなテーマから個性を表現できるテーマまで、さまざまなWordPressテーマが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:56  |  
Category: WordPress   
2010年06月01日

WEBサイトを便利に快適にしてくれるナビゲーションを拡張してくれるツール集「Website Navigation Menu Toolbox」

WEBサイトの要素の中でも追加いやすさなどのユーザービリティから、全体の印象にまで影響を与えるナビゲーションメニューですが、今回紹介するのはWEBサイトを便利に快適にしてくれるナビゲーションを拡張してくれるツールを集めたエントリー「Website Navigation Menu Toolbox」です。

cssdrop01
Sexy Drop Down Menu with jQuery and CSS

ドロップダウンからタブメニュー、プルダウンまで様々なメニューのソースがまとめられています。今日はその中からいくつか気になったナビゲーションをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:28  |  
Category: WebDesign   
tag: webdesign

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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