TOP  >  deisgn

Tag : deisgn

2016年04月07日

プログラムコードをスライダー形式で見せることができる「SPECTACLE-CODE-SLIDE」

プログラムについてはそれぞれのジャンルごとに様々なサイトやブログでレビューやTIPSが公開されており、ソースコード自体を記載されています。今回紹介するのは、そんなソースコードをステップごとにわかりやすく閲覧させることができる、プログラムコードをスライダー形式で見せることができる「SPECTACLE-CODE-SLIDE」です。

spec1

行数が入り、かつ色分けされたよく見る埋め込まれたコード表示のままで、ステップを追って見せることが可能です。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:53  |  
Category: Tool   
このエントリーをはてなブックマークに追加
2015年09月14日

世界地図をカスタムしてデータとしてダウンロードできる「Pixel Map Generator」

デザインの仕事でマップデータを使用することは意外に多く、素材として作成するのに一苦労されたという経験のある方も多いのではないでしょうか?今回はそんな時に便利な、世界地図をカスタムしてデータとしてダウンロードできる「Pixel Map Generator」を紹介したいと思います。

mapgene

塗りや線、スタンプなど、要素も自分が好きなように追加をすることができる、カスタムエリアの範囲が広い嬉しいジェネレーターとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:41  |  
Category: Design   
このエントリーをはてなブックマークに追加
2015年09月12日

11種のHTML5&wordpressフリーテーマ集「11 Free Fresh HTML5 & Responsive WordPress Themes」

フリーのテーマを利用することで、1からの構築作業時間を短縮できるとともに、さまざまな機能などを同時に手に入れることができます。仕事の種類によって使い分けるととても便利です。今回はそんなシーンに利用したい、11種のHTML5&wordpressフリーテーマ集「11 Free Fresh HTML5 & Responsive WordPress Themes」を紹介したいと思います。

temp0912_1
WordPress › Radcliffe « Free WordPress Themes

フリーで利用できる、比較的シンプルな構造のテーマが11種、厳選され紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

イラストレーターで作成できる ベクターグラフィックチュートリアルまとめ「Illustrator Tutorials: 25 New Tutorials to Improve Vector Graphics」

Photoshopではなく、イラストレーターでもグラフィカルなグラフィック作品を作ることは可能。しかしなかなか技術的にどのように作業したら良いのかわからないことも多いのではないでしょうか?そんな中今回紹介するのは、イラストレーターで作成できるベクターグラフィックチュートリアルまとめ「Illustrator Tutorials: 25 New Tutorials to Improve Vector Graphics」です。

illu_tu90
How To Create a Vector Illustration from Start to Finish

イラストレーターを使って作られたハイクオリティなグラフィック作品の作成フローがわかりやすく紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

シンプルなテイストでいろいろなシーンで活用できそうなグランジテクスチャセット「10 Simply Subtle Grunge Textures」

劣化した壁や紙などの質感を落とし込んだグランジテイストのテクスチャは、アレンジ次第でいろいろなシーンで活用することができるとても便利な存在。いくつもストックされている方も多いのではないでしょうか?そんな中今回紹介するのは、シンプルなテイストのグランジテクスチャセット「10 Simply Subtle Grunge Textures」です。

grunge1

主張しすぎない質感で、そのままでも、加工して使用しても、使い方によって表情を多彩に変化させることができそうなグランジテクスチャがセットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

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

デザイナー必見 ロイヤリティフリーの素材まとめ「Royalty Free Images, Fonts, Icons & Brushes for Designers」

デザイナーにとって、ロイヤリティフリーの素材は非常に重宝する存在。いろいろな種類をストックされている方も多いのではないでしょうか?そんな中今回紹介するのは、ロイヤリティフリーの素材まとめ「Royalty Free Images, Fonts, Icons & Brushes for Designers」です。

freeresors1
Free Vectors: Easter backgrounds | Abstract

さまざまな種類のフリーロイヤリティフリー素材が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

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

2009年05月11日

図解を極めるための図解デザイン例集「40 Useful and Creative Infographics」

難解で分かりにくいデータや解説を分かりやすくするのもデザインやクリエイティブの力ですが、今日紹介するのは複雑な情報や、多岐にまたがる情報をクリエイティブの力で分かりやすくしているクリエイティブな図解を集めたデザイン集「40 Useful and Creative Infographics」を紹介したいと思います。

zukaido01
Coffee Drinks Illustrated

コーヒーショップのメニューからビールの飲まれているマップ、人体と車のエネルギー消費を比べる図解などなど、様々な図解が例としてあげられています。今日はその中から気になったものをいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:24  |  
Category: Design   
tag: Design
2017年04月05日

最新のグラデーションパターンをコピペできるwebサービス「WebGradients」

web用のカラーコードがコピペできるサービス。その便利さから活用している人も多いはず。そんな中今回ご紹介するのは、カラーサンプルとして使える、グラデーションパターンを180種類も集めたwebサービス「WebGradients」です。

webgradients

背景カラーの選定や主流のUIデザインのカラーサンプルとしても使える、ソースコードをそのままコピペ可能な、とても便利なwebサービスです。

詳しくは以下

(続きを読む…)

続きを読む
2009年12月11日

ビンテージ感を演出するフリーphotoshopブラシ50「50+ Free Vintage Photoshop Brush Sets to Download」

かすれた文字、あせた写真など、鮮やかや鮮明でないものも時にはデザインを魅力的にしてくれます。今回紹介するのはデザインに風合いや質感を与えたい時に便利なビンテージ感を演出するフリーphotoshopブラシ50「50+ Free Vintage Photoshop Brush Sets to Download」です。

psvintage01
Vintage Grunge Brushes

かすれた文字、ラベル、グランジの効いた紙などなど様々なビンテージを感じさせてくれるphotoshopブラシが集められています。今回はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:23  |  
Category: Design , Photoshop   
2009年11月15日

商用可!グランジを表現できるフリーphotoshopブラシ「10 Free Grunge Photoshop Brushes」

デザインに質感や風合いを表現するためにべんりなグランジ処理、それだけにグランジ関連のテクスチャは数多く配布されていますが、今回紹介するのは自分でグランジを表現できるフリーphotoshopブラシ「10 Free Grunge Photoshop Brushes」を紹介したいと思います。

10freegrande01

全部で10のグランジブラシが収録されており、様々なタイプの汚れを表現することができます。またブラシは2500pxと非常に公開ぞどなので、デザインの現場でも利用する事もできるかとおもいます。収録されているブラシが公開されていましたので、下記に紹介致します。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:03  |  
Category: Design , Photoshop   
2014年08月25日

フード系デザインに活用したい フリーキッチンアイコンセット「Free Download : In The Kitchen Icon Set」

webデザインを中心に活躍してくれるアイコン。テイストやテーマなど、さまざまな種類のものがフリーで配布されていますが、今回紹介するのは、フリーキッチンアイコンセット「Free Download : In The Kitchen Icon Set」です。

kitchen1

フード系デザインに活用したい、ラインで描かれたキッチンツールが揃ったアイコンセットとなっています。

詳しくは以下

(続きを読む…)

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

文字を大胆にレイアウトしたwebサイトまとめ「Big Typography In Web Design」

webサイトにもさまざまなデザインが存在していますが、メインとなるビジュアルがないシーンもよくあるかと思います。今回はそんな状況にも対応できる、文字を大胆にレイアウトしたwebサイトまとめ「Big Typography In Web Design」を紹介致します。


My Portfolio

フォントをダイナミックに使用し、サイトのTOPを飾るメインビジュアルとしてデザインされたweb事例を多数閲覧することができます。中でもいくつか気になったものを以下にピックアップしましたので、ご覧ください。

詳しくは以下

Denise Chandler :: Designer, Freelancer, Warrior Poet
イラストとフォントを組み合わせて、一度見たら忘れられないようなインパクトの強いサイトに仕上がっています。

The Announcement – Time For Change – Sofasurfer is now Digitallabs
ブラックの背景に映える白い大きなフォントが印象的。シンプルなデザインが好きな方におすすめのテイストです。

Hull Digital Live 09 · Hulls first digital and technology conference.
手書き風の文字を使っているので、アナログ感がより強調されています。

デザインテイストもクオリティの高いものばかりで、webデザインのアイデアソースとしても最適。是非参考にしてみてください。

Big Typography In Web Design – Web Design Blog – DesignM.ag

続きを読む
posted 11:49  |  
Category: Design , WebDesign   
2008年01月12日

PDFをオンラインでページ構成を編集できる「PDF Hammer」

PDFファイルのページの順番を変え得たい。もしくはページを削除したい場合にWEB上で編集できるのが今回紹介する「PDF Hamme」です。このツールはローカルからPDFファイルをアップロードしてページ構成を編集できるWEBサービスです。

PDFを編集できるオンラインサービス

テキストの編集や高度な編集はできませんが、単純にページを並び替えたり、削除したりする事ができます。出先でどうしてもページ構成を変更したいなんて時には便利なWEBサービスです。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:56  |  
Category: WebService   
2013年12月17日

現在のナビゲーションのトレンドを多方面から分析した「Up and Coming Navigation Trends」

Webサイトを制作する上で、ナビゲーションの設計はユーザーが最も触る部分だけに非常に重要な要素の一つであるといえます。同じWebサイトであっても、ナビゲーションの設計が上手く出来ているかどうかでユーザビリティはかなり変わってくるのではないでしょうか。そこで今回は、ナビゲーションのトレンドを多方面から分析した「Up and Coming Navigation Trends」を紹介します。

uacnt_0
Lack of navigation – Socket Studios 2013

ナビゲーションを取り払ってしまった例や、コンテンツを見せるために最小限に抑えたもの、全体的な閲覧の流れを作るなど、さまざまに工夫されたナビゲーションの事例が紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

(続きを読む…)

続きを読む
2016年02月08日

写真をより魅力的に表現できるPhotoshopアクションまとめ「Best Premium Photoshop Actions」

さまざまな写真加工技術が凝縮されたソフト・Photoshop。しかしいろいろな機能がありすぎるがゆえ、難しい機能を使いこなせていないという方も多いのではないでしょうか?そんな中今回は、取り入れるだけで高度な写真加工を簡単に行うことができるPhotoshopアクションまとめ「Best Premium Photoshop Actions」を紹介したいと思います。

aciton0208_1
Photography Actions Bundle #1 | GraphicRiver

写真をより魅力的に表現できる、グラフィカルなものに変換できるアクションから、写真の色や雰囲気を変える加工まで、いろんな種類が紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Photoshop   
2011年11月04日

血を表現できるPhotoshopブラシ集「Blood Splatter Brushes for Gruesome and Dark Designs」

ホラーテイストのデザインは、普段あまり登場する機会がない特殊なテーマ。実制作の際に、関連するフリー素材を持っているだけで、非常に作業が楽になると思います。そんなシーンに活用できるかもしれない、血を表現できるブラシ集「Blood Splatter Brushes for Gruesome and Dark Designs」を今回は紹介したいと思います。


Dried Blood Splatters Photoshop Brushes | Photoshop Brushes

飛び散る血の様子を表現できるさまざまな種類のブラシが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:42  |  
Category: Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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