TOP  >  ウェブデザイン

Tag : ウェブデザイン

2017年04月11日

コーダーの為の実用的な色理論が学べる「Practical Color Theory for People Who Code」

Webサイトのコーディングを一手に担うコーダー。デザインに関する知識を持っているだけで、仕事の仕方も大きく変わってきます。そんな中今回ご紹介するのは、コーダー達へ向けた簡易的な色彩学を学ぶためのWebサイト「Practical Color Theory for People Who Code」です。

gGD2GtQBgu8yQAAAABJRU5ErkJggg==

色相の説明から始まりトーンオントーンなど、基礎的な知識を学ぶことができます。

詳しくは以下

(続きを読む…)

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

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

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

webgradients

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

詳しくは以下

(続きを読む…)

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

UIデザインに必要な物を一括で!UIデザイナーのためのフリー素材、ツールまとめ「29 New Free Photoshop PSD Files for UI Designers | Freebies | Graphic Design Junction」

UIデザインを行うのに必要なツールや素材は多岐に渡ります。必要なものとはわかっているけれど、ネットの膨大な情報から適切なものを取捨選択するのも一苦労。今回はそんなときに参考にしたい、UIデザインに便利なフリー素材やツールをまるっとまとめた「29 New Free Photoshop PSD Files for UI Designers」をご紹介します。

Free_UI_PSD_Files
29 New Free Photoshop PSD Files for UI Designers | Freebies | Graphic Design Junction

UIデザインを見せるためのモックアップや、便利なカラーピッカーなどが手広くまとまっています。まとめの中から、気になったものを幾つかご紹介しますのでご覧下さい。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:03  |  
Category: Photoshop , Tool , vector , WebDesign   
このエントリーをはてなブックマークに追加
2017年04月02日

テクノロジー系から遊び心あふれるデザインまで 個性的なデザインアイコン30種「Free Sparkly Icons To (Literally) Make Your Designs Shine」

Webデザインにおいてアイコンはとても重要なもの。特に個性的なアイコンは、デザインに色を添えてくれる力強い存在です。今回はそんな個性的なデザインアイコン30種「Free Sparkly Icons To (Literally) Make Your Designs Shine」をご紹介します。

ballicons-cover-opt

クリエイティブ・コモンズアトリビューション3.0の規約に準じて配布されるもので、規約を守る場合のみ利用可能なコンテツになっています。

詳しくは以下

(続きを読む…)

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

プレビューで簡単!CSSアニメーションがブラウザ上で作れる「animista」

Webデザインを彩るCSSアニメーション。実装時にはデザインのイメージに合わせて、細かな調整を加えたり、なかなかに手間がかかる箇所でもあります。そんな手間がかかる調整工程を省ける、ブラウザ上でアニメーションが作れるツール「animista」を今回は紹介したいと思います。

IvvuhLKOlVsmlb12ajwABAssUEEguU9u2CBAgQIAAAQIECBAgQIAAAQIECKy5gEByzRuA3SdAgAABAgQIECBAgAABAgQIECCwTAGB5DK1bYsAAQIECBAgQIAAAQIECBAgQIDAmgsIJNe8Adh9AgQIECBAgAABAgQIECBAgAABAssUEEguU9u2CBAgQIAAAQIECBAgQIAAAQIECKy5gEByzRuA3SdAgAABAgQIECBAgAABAgQIECCwTAGB5

ブラウザ上でプレビューしながら細かな動きを調整して、タグをコピペするだけでCSSアニメーションが実装できる便利なツールです。

詳しくは以下

(続きを読む…)

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

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

2012年12月14日

ログインをクリエイティブに演出できる「37 Free and Eye-catching PSD Login Forms」

ユーザー登録などをする際に出現するログインフォームは、デザインする要素が少ないだけに、どうしてもシンプルになってしまいがちです。今回はそんなイメージを払拭してくれる、ログインをクリエイティブに演出できるまとめ「37 Free and Eye-catching PSD Login Forms」を紹介したいと思います。


DW Premium: A Clean & Stylish Login Form (PSD) | DesignWoop

シンプルベースでありながらも、細かなデザインにこだわりが光るフォームのサンプルpsdが37種紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:06  |  
Category: Design , Photoshop   
2013年08月04日

比較的最近リリースされたPOPなフリーフォント集「15 Fresh New Free Fonts for Designers」

文字の形や雰囲気などで、大きくデザインは左右されます。デザインをするにあたってフォントの引き出しはデザインの幅とも言えるものだと思います。今日紹介するのは、その引き出しを少し満たしてくれる、比較的最近リリースされたPOPなフリーフォントを集あつめたエントリー「15 Fresh New Free Fonts for Designers」です。

free_fonts_1
Axe Handel

手書きから、少し変わったものまで全部で15のフォントがまとめられていましたので今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:00  |  
Category: WebService   
2008年03月07日

【tool】Macのネット環境を高速化「dolipo」を試してみました。

WEB上で話題になっていたMacのネット環境高速化ツール「dolipo」。様々なところで取り上げられていますが、DesignDevelopでも試してみました。

Macのネット環境を高速化dolipo

大枠の仕組みはサーバー側へリクエストをパイプライン化して、サーバからのレスポンスを待たずに複数のリクエストを投げられるようにすることで、レスポンスとアクションの時差を縮めたり、メタデータを一つづつ読み込まず適量を同時に読み込むため体感速度を向上できるとのことです。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:16  |  
Category: Tool   
tag: Tool
2007年10月17日

WordPress2.3のタグを管理するプラグイン「Advanced Tag Entry」

現在「DesignDevelop」はWordPress2.3で動いています。WordPress2.2系からの大きなの変更点の一つにタグの標準化と言う物があります。いままでのWordPressはタグ標準では動作せずタグプラグインに頼っていましたが、今回リリースされたWordPress2.3からは本体に実装されています。

しかしこのタグ機能、細部までいじくれるわけではなく本当に最低限の機能しか持っていません。そこで今回はちょっと頼りないWordPress2.3のタグ機能を補ってくれるプラグイン「Advanced Tag Entry」を紹介したいと思います。

Advanced Tag Entry

こちらのプラグインを使えば上記のような投稿編集画面でドロップダウンリストからタグの追加削除、タグの新規作成/編集、データベースからの未使用タグの削除、スラッグの編集ができる用になりタグの管理に非常に力を発揮してくれます。

インストール方法は以下から
(続きを読む…)

続きを読む
posted 10:44  |  
Category: plugin , WordPress   
2008年10月01日

WEBデザイナーのためのリソース集のまとめ「10 Websites with huge list of resources」

前回「WEBデザイナーに役立つリンクを集めた「455 helpful links for webdesigners」」という記事で、Ajaxからブログ、CSSまでWEBデザイナーのためのリソースを集めたリンク集を紹介しましたが、今日紹介する「10 Websites with huge list 」はそういったリソース集をまとめたエントリーです。


BLUE VERTIGO | Web Design Resources Links

全部で10のリソースサイトが集められていて、designdevelopでお伝えしたものもありますが、今まで紹介したことが無いものを中心にあらためて、いくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:12  |  
Category: WebDesign   
2008年09月21日

デザインで差をつけるWordPressテーマTOP12「Top 12 Stunning WordPress Themes」

今までWordpressのテーマについてはdesigndevelopでも「100+ クールで実用性の高いWordpressテーマ集「Free WordPress Themes」」や「企業用フリーWordpressテーマ「20 Free Corporate WordPress Themes」」と色々と紹介してきましたが、今回紹介する「Top 12 Stunning WordPress Themes」も使えるWordpressのテーマを集めたエントリーです。


Infinity

個性的なものからシンプルなものまで様々なWordpressのテーマがピックアップされていますが、どれもデザイン的に素晴らしかったのでその中から特に気になったテーマをいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:02  |  
Category: WordPress   
2008年11月14日

花をそのままブラシ化したphotoshopブラシセット「30 Free High-Res Floral Brushes (Clean & Grunge)」

デザインの飾り付けとして重宝するモチーフの一つ花。今回紹介する「30 Free High-Res Floral Brushes (Clean & Grunge)」はリアルな花をそのままブラシ化したphotoshopブラシセットです。

ブラシに使われている花は実際に撮影された花を使っているためブラシはリアルに表現されています。ブラシのため濃淡だけで表現されていますので、シンプルで洗練されたデザインなんかに力を発揮してくれそうなブラシセットです。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:54  |  
Category: Design , Photoshop , Tool , WordPress   
2008年07月18日

商用OKしかもクレジット・リンク不要の無料ストックフォトサービス「写真素材 足成」

今までDesignDevelopでは写真素材サイトをいくつか紹介してきましたが、今回紹介する「写真素材 足成」は日本では珍しく、商用OKしかもクレジット・リンク不要ストックフォトサービスです。

現在5161枚の写真が登録されていて、すべての写真素材が無料で、制限なく自由に使用することができます。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:43  |  
Category: Design   
tag: 
2009年09月01日

WEBマガジンのためのデザイン集「25 Magazine-Style Layouts for Your Design Inspiration」

WEBはもはやメディアの一つとして確立されたものを築き上げていて、様々な情報を伝えるメディアやWEBマガジンが個人運営、法人運営に関わらず公開されていますが、今日紹介するのはコンテンツがたっぷり詰まった、WEBマガジンのためのデザイン集「25 Magazine-Style Layouts for Your Design Inspiration」を紹介したいと思います。

webmaga01
bmi Voyager

様々なタイプのWEBマガジンのレイアウトが紹介されていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:25  |  
Category: WebDesign   
tag: webdesign
2016年02月11日

種類豊富なフリーPSDwebサイトテンプレートまとめ「Best of 2015: 100 Free PSD Website Templates」

活用するととても便利なテンプレート。中でもwebサイトのデザインテンプレートは、すでに完成されたデザインを使ってサイト設計ができるとても魅力的な存在です。今回はそんなwebサイトテンプレートを多数まとめた「Best of 2015: 100 Free PSD Website Templates」を紹介します。

temple0211_2
Dribbble – Free psd template by Yana Smirnova

2015年のベストテンプレートが揃っており、ジャンルやテーマもさまざま。見応えのある内容も魅力となっています。きになったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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