TOP  >  カラーコード

Tag : カラーコード

2017年04月05日

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

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

webgradients

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

詳しくは以下

(続きを読む…)

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

色を比べてすぐ使える!2画面で比較できる便利なカラーピッカー「ColorMe」

使いやすいwebサービスを知っているだけで、作業効率が随分違うもの。そんな中今回ご紹介するのは、web作りの強い味方として活用できる、2画面で比較して色を作れる便利なwebカラーピッカー「ColorMe」です。

TU1lhzub0ND1SEmXMxRzT8lOBIaSVECBAgQIECAAAECBAgQIECAAAECBAgQIECgHAEJjnLc1UqAAAECBAgQIECAAAECBAgQIECAAAECBAgkCEhwJOApSoAAAQIECBAgQIAAAQIECBAgQIAAAQIECJQjIMFRjrtaCRAgQIAAAQIECBAgQIAAAQIECBAgQIAAgQQBCY4EPEUJECBAgAABAgQIECBAgAABAgQIECBAgACBcgQkOMpxVysBAgQ

2画面に分かれていることで色を比べながら作れるので、迷うことも少なく最適な配色を短い時間で導き出せる、個人的にもおすすめのwebサービスです。

詳しくは以下

(続きを読む…)

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

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

2017年05月11日

デザインに華を添えるのに役立つ 手書き風フリーフォントまとめ「40 Best Free Brush Fonts for Designers」

ブラシで書いたような欧文書体はとても味があり、使用することで印象的なデザインを作り上げることができる存在。今回はそんな手書きフリーフォントまとめ「40 Best Free Brush Fonts for Designers」を紹介したいと思います。

Rainwood_brush_font
Rainwood Free Typeface – IanMikraz Studio

手書きというカテゴリの中でも、さまざまなテイストのデザインフォントがまとめられています。気になったもをピックアップしましたので下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

ハイクオリティなフリーHTML&CSSテンプレート集part2「101 High Quality CSS And XHTML Free Templates:part2」

先日「ハイクオリティなフリーHTML&CSSテンプレート集「101 High Quality CSS And XHTML Free Templates」」と言う記事で紹介した、CSSとXHTMLによって作られた無料のテンプレートを集めたエントリー。その第二弾が早速リリースされており、また第一弾とは違うクオリティーの高いHTML&CSSテンプレートが集められていました。

freetempletehtml01
Preview | Download

今回も紹介されているテンプレートの中から気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:43  |  
Category: WebDesign   
tag: webdesign
2010年02月18日

CSS3を応用したテクニック集「18 Incredible CSS3 Effects You Have Never Seen Before」

WEB業界では最近度々話題になるCSS3。先日DesigndevelopでもCSS3を使ったボタンデザインのテクニックを紹介しましたが、今回はボタンデザインに限らず、CSS3で様々な実験的な試みを行なっているチュートリアル、Tipsを集めたエントリー「18 Incredible CSS3 Effects You Have Never Seen Before」を紹介したいと思います。

css3-tips01
Awesome CSS3 Lightbox Gallery Demo

今まで、HTML×CSSではできなかった事が、CSS3の新たな機能を使って実現しています。多々紹介されていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:19  |  
Category: WebDesign   
2014年10月22日

実用的なPhotoshopサーチボックスをまとめた「36 Useful Search Box Designs In Photoshop Format」

サイト内を検索する時に使用するサーチボックス。基本シンプルなデザインで配置されることが多いですが、今回はデザイン的に表現したい時に参考にしたい、実用的なPhotoshopサーチボックスをまとめた「36 Useful Search Box Designs In Photoshop Format」を紹介します。

search1
Search Field PSD Collection – Free PSD Files

いろいろなタイプのデザインで構成されたサーチボックスが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:24  |  
Category: Photoshop   
2011年05月12日

webサイト制作のアイデアソースとなるポートフォリオサイト30選「30 Portfolios to Inspire You」

自信のこれまでの作品やアートワークを、多くの人に見てもらう為に作成するポートフォリオサイト。作品はもちろん、サイト自体のデザイン性やクリエイティブ性も、センスを問われる重要な要素の一つです。そこで今回は、ポートフォリオサイト制作の参考となりそうなwebサイトまとめ「30 Portfolios to Inspire You」を紹介したいと思います。


Rickard Sund

素材や色使いへの配慮が行き届いたポートフォリオサイトが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2008年11月15日

雪、氷、クリスマス 冬に最適なphotoshopブラシセットを集めた「48 Snow, Ice, Snowflake and Christmas Brushes」

先日「雪の結晶を色々集めたベクターデータ集「Snow Flakes Vector Set」」という記事で様々な雪の結晶を集めたベクターデータ集を紹介しましたが、今回紹介するのは同じく、冬にピッタリな雪や、氷、クリスマス関連のphotoshopブラシを集めた「48 Snow, Ice, Snowflake and Christmas Brushes」です。


Glitter Photoshop & GIMP Brushes

全部で48ものブラシが公開されていますが、今回はその中から特に気になったブラシをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:19  |  
Category: Design , Photoshop   
2010年10月10日

様々な表現を可能にするイラストレーターチュートリアル100「100 Best Illustrator Tutorials of All Time (From Newbie to Pro)」

制作現場では幅広く利用されているベクターデータを扱える制作ソフトイラストレーター。紙やグラフィックのデザインが中心という方にはおなじみのソフトだと思いますが、レイアウトにとどまらず、極めて行けば様々な表現が可能です。今日紹介するのはイラストレーターのチュートリアルを100まとめたエントリー「100 Best Illustrator Tutorials of All Time (From Newbie to Pro)」です。


Turn a Boring Bar Graph into a 3D Masterpiece | Vectortuts+

立体的な表現、光、グラデーションを上手く使った質感の表現など、様々なイラストレーターのテクニックが公開されています。今日はその中から幾つか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:47  |  
Category: Design , vector   
2014年10月28日

いろいろな種類のPhotoshoo矢印ブラシを揃えた「30 Useful Arrow Brushes for Photoshop」

手軽かつ、便利に利用できるPhotoshopブラシ。いろいろな種類がダウンロードできるようになっていますが、今回紹介するのは、いろいろな種類のPhotoshoo矢印ブラシを揃えた「30 Useful Arrow Brushes for Photoshop」です。

arrow-brushes1
80 Hand Drawn Arrows PS Brush Set – DesignerCandies

さまざまなタッチの矢印を簡単に描き出せるブラシが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:55  |  
Category: Photoshop   
2017年09月23日

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

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

TRAVEL_ICONSET_top

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

詳しくは以下

(続きを読む…)

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

3カラムで構成されたWordPressテーマまとめ「10 Best Free 3 Column WordPress Themes」

サイト内の構成をカラムでしっかりと分類することで、ユーザーにとって使いやすいインターフェイスを築き上げることができます。そんな中今回紹介するのは、レイアウトの参考にもなる、3カラム構成のWordPressテーマをまとめた「10 Best Free 3 Column WordPress Themes」です。


CarZilla Free WordPress Theme

読みやすさや記事の検索のしやすさに配慮した、ユーザーにも管理者にも嬉しいWordPressテーマが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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