TOP  >  Pinterest

Tag : Pinterest

2017年06月19日

写真の置き方一つで印象が大きく変わる、SNS用テンプレボードコレクション「Social Mood Board Set」

InstagramやPinterestなど、トレンドとなっているSNSは写真をメインに使ったもの。そんな流れがある中、重要なのはいかに自分の写真を目立たせるか。多くの写真が流通しているネット社会では目に止まらないことも多いはず。そんな悩みを解決してくれるまとめ「Social Mood Board Set」を今回はご紹介していきたいと思います。

sns_bord_temp_top

写真を組み合わせてレイアウトするだけでなく、さまざまなサイズでランダムに配置させたりと、おしゃれなイメージのコラージュを簡単に作り上げることができるセットとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2017年05月07日

ガーリーなデザイン性が魅力 ピンクカラーのSNS投稿用テンプレート「Peach Social Media Templates」

SNSで写真を日々投稿している方も多いかと思いますが、ただ写真を撮って上げるよりも加工やアレンジを施した方が魅力的に見えることも。今回はそんなシーンで活用したいSNS投稿用テンプレート「Peach Social Media Templates」を紹介したいと思います。

sns_pink1

ピンクカラーで展開された、ガーリーなデザイン性が魅力のテンプレート集となっています。

詳しくは以下

(続きを読む…)

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

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

2017年09月23日

ベクターデータで使える60種類のトラベルアイコンセット「TRAVEL ICONS SET」

UI性を向上させるために効果的なアイコン。数多くあるアイコンの中でも、今回は“旅行”に焦点をあててまとめられたアイコンセット「TRAVEL ICONS SET」をご紹介していきたいと思います。

TRAVEL_ICONSET_top

使いやすいフラットなストロークアイコン。シンプルに構成された分かりやすいデザインが魅力の素材となっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design   
2014年05月30日

アウトラインデザインのフリーアイコンセットまとめ「1000+ Free Outline Stroke Icons For Designers」

一口にアイコンといっても、フラットタイプや立体感のあるリアルなタイプなど、いろいろなテイストのものが存在していますが、今回紹介するのは、アウトラインデザインのフリーアイコンセットまとめ「1000+ Free Outline Stroke Icons For Designers」です。

icon140530_1
Dribbble – Free Icon Set by Catalin Fertu

ラインで描き出されたアイコンセット、いろいろな種類が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

個性的なデザイン演出に フリースクエアブロック状フォント「33 Blocky Square Fonts For Free」

フォントにはいろいろな種類がありますが、定番としてよく使うタイプの他に、デザインを個性的に見せたい時などには特徴のある形のものを使うことが多いと思います。そんな中今回は、個性的なデザイン演出にぴったりなフリースクエアブロック状フォント「33 Blocky Square Fonts For Free」を紹介したいと思います。

block1
Nechao Sharp Font · 1001 Fonts

角ばった形状が特徴のフリーフォントがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

VR・ウェアラブル・センシングなど拡張する現実から未来を探るBLOG「VR MEDIA」をスタートしました。

vrmedia_blog

VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいますが、「VR MEDIA」は拡張する現実から未来を探るBLOGとして、DesignworksやDesigndevelopとは別にブログを立てて情報発信を行っていくことにしました。

基本的には海外を中心に、VR・ウェアラブル・センシングなどの技術紹介や、面白いプロジェクト事例などを中心に取り上げていければと思っています。

OculusRift(オキュラスリフト)を実際に利用してみて、この分野はまだまだ、荒削りではありますが、非常に可能性があるということと、自分自身が、このVRという分野に対して知識が不足しており、今後発生するであろう、VR絡みの企画に対応できるようにという思いもあります。

現在、Designworksは1日3件、Designdevelopは1日1件のペースで更新していますが、「VR MEDIA」はまだその新しさから、不定期更新になる予定ですが、先端事例をなるべく掲載していきたいと思います。Designworks、Designdevelopと併せて「VR MEDIA」もご覧頂ければ幸いです。

VR MEDIA

続きを読む
posted 10:20  |  
Category: Other   
2017年01月21日

2017年の主流となるWEBデザインの背景のアイデア集「5 Modern Website Background Ideas for 2017」

1カラムのダイナミックなデザインが主流となって暫く経ちますが、WEBサイトの印象を決定づける要素の一つに背景があります。特にPCサイトでは大きな面積を占めることから非常に重要な要素ですが、今日はそんな背景デザインのアイデア集、2017年の主流となるWEBデザインの背景のアイデア集「5 Modern Website Background Ideas for 2017」を紹介したいと思います。

haikei01
1. Geometry on Photos
幾何学的なデザインを写真に重ねる背景デザイン

2017年のトレンドとなりうる背景デザインが全部で5つ掲載されていましたので以下からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:30  |  
Category: WebDesign   
2007年10月25日

記事の手動関連付けができるWPプラグイン「Related Posts Link」

関連記事の表示はSEO的にも効果を発揮するし、読者にとっても有益なリンクだと思います。今回紹介する「Related Posts Link」は手動で関連記事を記事に差し込む事ができるWordPressプラグイン「Related Posts Link」です。

インストール方法

1. 配布元の「erwin@terong » WP Plugin: Related Posts Link」より terong_related.phps を保存し、terong_related.php にリネーム。

2.[terong_related.php]を「wp-content/plugins/」アップロード

3.Related Posts Linkのプラグインを有効化。

利用方法

1. 記事投稿画面から関連付けを行いますが、新規投稿時には何も表示されません。関連記事を挿入する為には一旦記事を保存する必要があります。

2. 保存済み記事の記事投稿画面では、下記の画像のようにウィンドウの右上端に「Related Links」の項目が表示されます。

Related Posts Link

※「Related Links」をクリックすると保存時の状態に戻ってしまうため、追加編集したら必ず保存してから「「Related Links」」をクリックしてください。

3. 「 Related Links」をクリックすると、下記の画像のような実際に関連付けを行う別画面で開きます。
Related Posts Link2

※リストは投稿ステータスが「公開」の記事のみ。公開ステータスのパスワード付き記事はリストアップされますが、草稿・非公開の記事および「ページ」はリストアップされません。

4. 関連付けたい記事にチェックを入れ、[Update]ボタンをクリック、[Close this Window]をクリック。これで関連記事が表示されているはずです。

自動で関連記事を表示してくれるプラグインもありますが、DesignDevelopでは精度を上げる為に手動で関連記事を挿入する方法をとりました。膨大に記事を書いている方やジャンルが多岐にわたる方はタグによる関連記事の自動表示とかの方が良いかもしれません。

続きを読む
posted 07:05  |  
Category: plugin , WordPress   
2017年09月20日

個性を活かすデザインに最適な手書きフリーフォントまとめ「20 Amazing Free Handwriting Fonts For Your Next Project」

デザインに欠かせない存在のフォント。実にさまざまな種類がネット上でダウンロードできるようになっており、中でも手書きフォントは個性を活かしながらデザインを引き立たせてくれる役割を担ってくれます、今回はそんな手書きフリーフォントがまとめられた「20 Amazing Free Handwriting Fonts For Your Next Project」をご紹介いたします。

freefont_tegaki_top
Landliebe Font Free by Richard Mitchell » Font Squirrel

さまざまなテイストの手書きフォントがまとめられており、どれも使ってみたくなるものばかり。中でも気になったものを下記にピックアップしましたので、ご覧下さい。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Font   
2011年08月04日

水&雲のさまざまな表情を作り出せる「20 Free Useful Water and Cloud Brushes resource for Photoshop Users」

デザイン制作に非常に役立つphotoshopブラシは、いくつあっても嬉しいもの。今回紹介する「20 Free Useful Water and Cloud Brushes resource for Photoshop Users」も、非常に活用頻度の高いブラシセットまとめです。


Water Brushes Sampler by ~FrozenStarRo on deviantART

詳しくは以下

水が飛び散る様子、夏の日の空のような大きな雲など、さまざまな種類のブラシが紹介されています。いくつかピックアップしてみましたので、下記よりご覧ください。

(続きを読む…)

続きを読む
posted 07:44  |  
Category: Design , Photoshop   
2010年04月25日

HTML5の可能性を垣間見る「Blowing up HTML5 video and mapping it into 3D space」

最近様々な技術系のブログで取り上げられているHTML5。かなり複雑な動きやインタラクティブな処理ができるようで、実験的な試みも多数行われていますが、今回紹介するのはHTML5で動画を細かく分散させたり、3D空間にマッピングするという「Blowing up HTML5 video and mapping it into 3D space」を紹介したいと思います。

html5-01

まずは動画を分散させる加工をHTML5で施したもの、上記の写真のように、動画をクリックすると、細かな長方形上に動画が砕け散ります。マッピングされていますので、細切れになったエレメント上で再生は続いています。実際制作したデモが公開されていましたので「HTML5 Video Destruction」からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:55  |  
Category: Design   
tag: 
2008年11月09日

美しいアイコンセットを集めた「40+ Extremely Beautiful Icon Sets」

デスクトップからインターフェイス、WEBデザインまで様々な用途で使えるアイコン。そんなアイコンをまとめたエントリーが今回紹介する「40+ Extremely Beautiful Icon Sets Hand-picked from deviantART」です。このサイトはあらゆるジャンルのクリエイター達のコミュニティ「deviantART」からピックアップしてきたものだそうです。


Aeon

管理者さんが直接ピックアップしているみたいなので、好みがでていて立体的なアイコンが多いです。今日はその中から気になったアイコンをいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:41  |  
Category: WebDesign   
tag: webdesign

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る