TOP  >  Night sky

Tag : Night sky

2018年04月08日

夜空をイメージさせるパターンセット「Night Sky Star Patterns」

シンプルながらも星空をイメージさせるために最適な素材の一つ、スターダストパターン。今回ご紹介する「Night Sky Star Patterns」では、雰囲気の違う背景素材が20種類も収録されています。

NightSkyStarPatterns_top

実際の星空が一つとして同じ瞬間がないように、収録されている内容も様々。組み合わせ次第でいろいろな夜空に輝く星の様子を表現することができそうです。

詳しくは以下

(続きを読む…)

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

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

2013年07月20日

ミニマルデザインサイトのインスピレーション30「30 Beautiful Minimalist Web Designs」

究極なシンプルをテーマにデザインされるミニマルデザインサイト。要素が限られるだけに、バランスやどんな要素やグラフィックを取り入れるのかがとても重要になってくる、ある意味難しい種類のデザインでもあります。今回はそんなミニマルサイトをデザインする際に是非参考にしたいインスピレーション30「30 Beautiful Minimalist Web Designs」を紹介したいと思います。

minimal1
Alistair Lane

シンプルかつクオリティの高さを感じさせるデザイン事例30種がまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:31  |  
Category: WebDesign   
2008年04月01日

WEBデザイナーのタイポグラフィを助ける101のサイト「101 Typography Resources」

WEBデザインをしていても、紙のデザインをしていても関わってくることが多いタイポグラフィ、イメージではなく文字での訴求はもっともわかりやすい手法だからかもしれません。今日紹介する「101 Typography Resources for Web Designers」はWEBデザイナーのための素晴らしいタイポグラフィを作り上げるためのヒントや助けになるリンク集です。

typography.jpg

「101 Typography Resources for Web Designers」はただ101個タイポグラフィ関連のリンクが羅列しているだけではなく、ある程度ジャンルによってカテゴライズされています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:56  |  
Category: Design , Font   
tag: Design Font
2009年03月03日

psd+XHTMLでWEBサイトを構築するチュートリアル43選

皆さんはWEBサイトを制作する時にどんな手順を踏んでいるでしょうか?制作会社さん、個人によってもその方法は様々だと思いますが、今回紹介する「43 PSD to XHTML, CSS Tutorials Creating Web Layouts And Navigation」はphotoshopでデザインされたモックアップをXHTMLとCSSで組み上げていくまでのチュートリアルを集めたエントリーです。

cssxhtmlpsdtips01
How To Create a Horizontally Scrolling Site

全部で43個と様々なWEBサイト構築のためのチュートリアルが紹介されていますが、いくつか気になったWEBサイトのチュートリアルをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:48  |  
Category: WebDesign   
2013年03月16日

さまざまな種類のスイッチ素材がまとめられた「28 Free To Download PSD Toggle Switches」

スイッチのon/pffを表現したデザインはwebのさまざまなシーンで活用されており、フリー素材でハイクオリティなものも多数配布されています。今回紹介する「28 Free To Download PSD Toggle Switches」も、非常に魅力的なスイッチ素材が満載です。


Toggle On – Off Switch PSD | 24PSD

スイッチ自体の立体化を忠実に再現した、実際に制作するとどうしても時間がかかってしまうようなデザイン性の高いものがたくさんまとめられています。中でも気になったものを以下にピックアップしましたので、下記よりご覧ください。

詳しくは以下

Switches with lights and shadows PSD | Freebiesbug
思わずさわってみたくなるようなリアルな質感が特徴。シンプルなので使いやすそうですね。


 
 
 
 
 
Red on / off switch free PSD file
赤いボタンなので、特に目立たせたい部分に利用してみてはいかがでしょうか。


 
 
 
 
 
Switch – 365psd
ダーク系トーンの中でも、立体感はしっかりと表現されています。クールなテイストのデザインに最適。


 
 
いろいろなデザインに対応できる、比較的シンプルなタイプが多いので、幅広いシーンで利用できると思います。商用利用などの規約はそれぞれのリンク先で必ずご確認ください。

28 Free To Download PSD Toggle Switches | Naldz Graphics

続きを読む
posted 10:50  |  
Category: Design   
2010年03月04日

様々な紙のテクスチャセットをひたすら集めた「150+ Free Paper Textures for your Next Design」

テクスチャの中でも汎用性がありもっとも使いやすい素材の一つ、紙のテクスチャ。紙といっても柔らかい印象のものからハードな印象のものまで、様々なものがありますが今日紹介するエントリー「150+ Free Paper Textures for your Next Design」は紙をテーマにあらゆる紙のテクスチャを集めています。

paper_txt_01
Paper Bag Texture Pack

様々なセットが公開されていますが、今日はその中からいくつか気になったテクスチャセットをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:14  |  
Category: Design , Photoshop   
2007年11月30日

AJAXで動くシンプルなfavicon制作サービス「Genfavicon」

以前「仕上がりを見ながらFavicon制作できる「favikon」」と言う記事で、仕上がりを確認しながらFaviconを作成できるWEBサービス「favikon」を紹介しましたが、今回も同じく仕上がりを確認しながらFaviconを制作できるWEBサービス「Genfavicon」を紹介したいと思います。

Genfaviconf

操作する順に連番が振ってあるインターフェイスは「Favikon」と比べると親切かなと思いますが、操作、仕上がりなどは「Favikon」と大差はありません。ひとつ異なる点は、16×16、32×32、48×48、64×64、128×128とトリミングのサイズを選んでトリミング後の画像データを生成したfaviconと共に保存できるようになっているところです。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:47  |  
Category: WebService   
2015年05月02日

写真をより魅力的かつ理想に近いものにしてくれる 加工チュートリアル集「20 New Photo Editing Tutorials to Take Your Photography to the Next Level」

撮影した写真をPhotoshopなどで加工し、よりデザイン性やアート性の高いものに仕上げるといった工程を踏むことも多いと思いますが、なかなか考えている形に仕上げるのは難しく、専門的な技術が必要なことも。今回はそんな時に参考にしたい、写真の加工チュートリアル集「20 New Photo Editing Tutorials to Take Your Photography to the Next Level」を紹介したいと思います。

effect0502_4
How to change hair colour in Photoshop – Digital Arts

いろいろなテイストに仕上げることができる編集方法が、分かりやすく紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:37  |  
Category: Design   
2015年01月13日

さまざまなデザインテイストのフラットアイコンが揃った「Collection of Flat Icon Sets for January 2015」

現在主流のフラットデザイン。素材として活用頻度の高いアイコンも同テイストでさまざまな種類がダウンロードできるようになっています。そんな中今回は、さまざまなデザインテイストのフラットアイコンが揃った「Collection of Flat Icon Sets for January 2015」を紹介したいと思います。

icon0113_1
Dribbble – 30 line icon [Freebies] by Anton Skugarov

多彩なテーマの、デザイン性のあるアイコンがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:25  |  
Category: Design   
2014年05月06日

ECショップサイトに最適なフリーWordPressテーマ「10 WordPress FREE Themes To Start Your Own EStore」

インターネット上で運営されるECショップサイト。商品の魅力ももちろんのこと、サイト自体のユーザビリティやデザイン性も、売上に繋がる非常に重要な要素になってきます。今回はそんな時に最適なフリーWordPressテーマ「10 WordPress FREE Themes To Start Your Own EStore」を紹介したいと思います。

shopword1
WooThemes Demos – Artificer

10種の使いやすさや見た目を重視したWordPressテーマが紹介されています。気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: WordPress   
2013年03月21日

リアルなグランジ感が演出できるテクスチャセット「Seven Simple Grunge Textures」

パソコン上でデザインをするのが当たり前な現代では、ソフトにデフォルトで組み込まれているパターンやテクスチャも豊富。しかしどうしても似たようなデザインになってしまいがち、ということもあるのではないでしょうか?そんな中今回紹介するのは、リアルなグランジ感が演出できるテクスチャセット「Seven Simple Grunge Textures」です。

インクの擦れたような雰囲気のテクスチャから、風化した塗装のようなテクスチャまで、7種類のテクスチャがセットになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:45  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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