TOP  >  webdesign

Tag : webdesign

2008年06月23日

2000個以上のWordPressテーマが手に入る「WordPress Themes Archive」

DesignDevelopではWordPressを使用していますが、その魅力の一つにテーマファイルがあれば簡単に様々なデザインが設定できる所があります。今日紹介する「WordPress Themes Archive」は2000個以上のテーマファイルが公開されています。

テーマファイルは「Fitness」や「City」などイメージ別や使用されているカラー別、サイドバーの位置などかなり細かく区分けされていますので、自分が思い描くテーマを見つけやすくなっています。

詳しくは以下

(さらに…)

続きを読む
posted 02:02  |  
Category: WebService   
このエントリーをはてなブックマークに追加
2008年06月20日

黄金比でWEBデザイン「Golden Ratio Calculator」

黄金比とはもっとも安定し、美しい比率とされるもので、様々なデザインに用いられていたりしますが、今日紹介する「Golden Ratio Calculator」は黄金比をWEBデザインで簡単に利用できるWEBツールです。

使い方は非常に簡単で、制作したいWEBサイトのワイドの値を入力するだけで、黄金比に沿った比率でカラムの割合を示してくれるというものになっています。

詳しくは以下

(さらに…)

続きを読む
posted 07:08  |  
Category: WebDesign   
tag: webdesign
このエントリーをはてなブックマークに追加
2008年06月19日

見ながらできるオンラインボタンジェネレーター「CSS Button Designer」

CSSでボタンを作る。CSSをしっかりと分かっていないと意外と難しい作業です。今日紹介する「CSS Button Designer」オンライン上でCSSを確認しながらボタンを制作できるオンラインボタンジェネレーターです。

マウスオーバーのボタンを生成できたり、CssとボタンのCodeを分けて参照できたりと細かいところまで手が届く、非常に使い勝手が良いジェネレーターです。言語は英語になりますが、分かりやすいユーザーインターフェイスなので、英語が苦手という方でもCSSが分かっていれば問題なく使えると思います。

詳しくは以下

(さらに…)

続きを読む
posted 04:39  |  
Category: WebDesign   
tag: webdesign
このエントリーをはてなブックマークに追加
2008年06月18日

商用可!パターン背景素材集「DINPATTERN」

WEBサイトの重要な要素の一つ背景。今日紹介する「DINPATTERN」はパターン背景に特化した素材配布サイトです。作り込まれた背景から、シンブルなものまでありとあらゆるパターン背景が公開されています。

背景画像は上記のようにサムネイルで表示されていて、サムネイル下の「Preview」を押すと背景がページに反映されるような作りになっています。

詳しくは以下

(さらに…)

続きを読む
posted 03:00  |  
Category: WebDesign   
tag: webdesign
このエントリーをはてなブックマークに追加
2008年06月17日

ロイヤリティフリーのフリーピクセルアイコン「Free Icons pixel style」

今まで様々なアイコンを紹介してきましたが、今回紹介するのはシンプルなピクセルでできたフリーピクセルアイコン集「Free Icons pixel style」です。シンプルながらも多種多様なアイコンが収録されています。

ピクセルと言うだけあって上記のようにアイコンは全てドット絵で展開されます。アイコンのサイズは9×9, 18×18, 28×28となっていて、ファイルはpng形式とgif形式となっています。

詳しくは以下

(さらに…)

続きを読む
posted 01:43  |  
Category: WebDesign   
tag: webdesign
このエントリーをはてなブックマークに追加
2008年06月16日

クールな3Dフォトギャラリージェネレーター「FotoViewr」

写真を綺麗にクールに見せたい。そんな要望は良く聞きますが、なかなかフルオリジナルで作ると高くついてしまったり、自分で作る場合も時間がかかってしまったりまします。そこで今回紹介するのはクールな写真ギャラリーが簡単に生成できるサービス「FotoViewr」。

写真はFlickrからの読み出しになりますが、簡単に3Dフォトギャラリーを生成できます。

詳しくは以下

(さらに…)

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

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

2008年11月27日

230本収録!マーカーのベクターデータ集「230 Marker Illustrator Brushes」

以前Designdevelopの「商用化!106+105の水彩イラストレーターブラシ「Delicious Water Color Illustrator Brushes」」という記事で、水彩のイラストレーターブラシを紹介しましたが、今日紹介する「230 Marker Illustrator Brushes」はマーカーを再現したイラストレーターブラシを230本収録したイラストレーターのブラシセットです。

様々なマーカーが準備されていますので、かなりコアなブラシかも知れませんが、探していた人にとってはこの上無いものだと思います。サンプルを下記に貼り付けておきます。

詳しくは以下

(さらに…)

続きを読む
posted 06:48  |  
Category: Design , vector   
tag: Design vector
2014年01月14日

抽象的な表現が特徴の高解像度テクスチャ20種「20 High Resolution Abstract Textures」

非常に多彩なデザインが存在するテクスチャ。特にデザイナーの方で素材としてたくさんストックされている方も多いのではないかと思います。今回はそんなテクスチャ素材の中で抽象的な表現が特徴の「20 High Resolution Abstract Textures」を紹介したいと思います。

tx20_1
Texture 445 by Sirius-sdz on deviantART

高解像度が嬉しい、いろんな質感のテクスチャが20種まとめられています。気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 02:40  |  
Category: Design   
2015年07月27日

5種の葉っぱの表情を楽しめるフリーフォトテクスチャ「Foliage Texture Free Photos」

さまざまな種類のテクスチャが存在しており、デザインのテイストやテーマに合わせていろいろとストックし使い分けているデザイナーの方は多いと思います。テクスチャをコレクションとして所持している方も多いのではないでしょうか?そんなコレクションに是非加えておきたい、5種の葉っぱの表情を楽しめるフリーフォトテクスチャ「Foliage Texture Free Photos」を紹介したいと思います。

greenfree1

青々と茂った、緑の表情が写真いっぱいに楽しめるグリーンのテクスチャ素材がセットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

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

シンプル・ベーシックなデザインに最適なフリーフォント「15 Free Minimalistic Designs Fonts」

フリーフォントは非常に便利な素材ですが、たくさんある種類の中から、目的のものを見つけ出すのはなかなか大変なもの。そんな中今回は、シンプル・ベーシックなデザインに最適なフリーフォントをまとめた「15 Free Minimalistic Designs Fonts」を紹介したいと思います。

ofnt1220_1
Fox & Cat Typeface on Behance

ミニマルテイストなデザインフォントが15種厳選され紹介されています。気に入ったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:35  |  
Category: Font   
2008年11月10日

シンプルで実用的なアイコンセット集「The Most Usable Web Icons Available」

アイコンのデザインというのはとても難しい物で、シンプルでそしてわかりやすく、複数あるならすべてテイストを揃えなければ行けません。もしアイコンを自作するのになれていないのであれば、フリーで使えるアイコンセットを見つけるのが得策かも知れません。今日紹介するのはシンプルで実用的、尚かつフリーで使えるアイコンセットを集めたエントリー「The Most Usable Web Icons Available…and FREE」です。

様々なアイコンセットが紹介されていて、最後の方にはゲーム関係のアイコンセットもオマケとしてつけられていました。

詳しくは以下

(さらに…)

続きを読む
posted 04:55  |  
Category: WebDesign   
tag: webdesign
2008年11月30日

29のハイクオリティのテクスチャ「29 Great Free Textures」

デザインをする際とても便利なテクスチャ。Designdevelopでも様々な素材を紹介してきましたが、今回紹介するのはハイクオリティなテクスチャを29個集めたエントリー「29 Great Free Textures」です。

テクスチャが多々紹介されていますが、今回はその中から特に気になったテクスチャをいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:39  |  
Category: Design , Photoshop   
2015年06月15日

ニュースレター配信にデザイン性を レスポンシブ対応のフリーテンプレート「30 Free Responsive Email and NewsletterTemplates」

ショップや企業などからお知らせメールを配信する時に、デザインが行き届いたテンプレートを使用すると購読率がアップする確率も高くなります。今回はそんな時に参考にしたい、レスポンシブ対応のフリーテンプレート「30 Free Responsive Email and NewsletterTemplates」を紹介したいと思います。

email1
Creating a Future-Proof Responsive Email Without Media Queries – Tuts+ Web Design Tutorial

ニュースレター配信にデザイン性をもたらすことができるテンプレートが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:00  |  
Category: Design   
2013年02月19日

ユニークで新しい海外のフリーフォント「8 Fresh Free Fonts」

デザインの印象を決定づける大きな要素の一つフォント。世界中で日夜新しいフォントが生まれ、公開されていますが、今日紹介するのはユニークで新しい海外のフリーフォントを集めたエントリー「8 Fresh Free Fonts」です。


Zerb

最近リリースされたフリーフォントの中からさらに厳選して、クリエイティブなフォントがまとめられています。いくつか紹介されていますが、今日はその中から気になったフォントをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 01:53  |  
Category: Design , Font , WebDesign   
2014年08月07日

最新でピックアップされたさまざまな種類の素材をまとめた「Top 50 Free Resources for Web Designers from July 2014」

デザイン制作にはたくさんの素材が必要であり、すべてを手作りしているとどうしても時間が必要になってしまいます。今回はそんな時に参考にしたい、最新でピックアップされたさまざまな種類の素材をまとめた「Top 50 Free Resources for Web Designers from July 2014」を紹介したいと思います。

free050807_1
Andrea Galanti | WebDesign

フォントやアイコン、UIやテクスチャといった、定番の素材をピックアップし紹介しています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2009年08月07日

シンプルなWEBデザインを極める「10 Super-Simple Web Designs」

国によっても、業種によっても様々なクリエイティブの方向性が存在しますが、今日紹介するのはシンプルなWEBデザインを集めたWEBデザイン集「10 Super-Simple Web Designs」です。様々なシンプルでいさぎの良いWEBデザインが多々紹介されています。

simply-s01
Simplicity

今日は収録されているWEBデザインのなかからいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 03:51  |  
Category: WebDesign   
tag: 

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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