TOP  >  CI

Tag : CI

2010年07月24日

CIデザイン実例集「20 Fresh Corporate Identity Designs for Inspiration」

ロゴや名刺だけでなく、他にもさまざまなツールが展開されることが多い「CI(=コーポレートアイデンティティ)」、企業やブランドには欠かすことの出来ないものです。そこで今回紹介するのは、CIデザイン実例を紹介する「20 Fresh Corporate Identity Designs for Inspiration」です。


One Degree on the Behance Network

個性的なグラフィックから、カラーリングでデザインされたものまで、色々な表現のCIが公開されています。中でも気になったものをいくつか紹介したいと思います。

詳しくは以下

(さらに…)

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

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

2018年04月19日

フリーで使える10種のアラートメッセージスニペット「10 Free CSS & JS Notification Alert Code Snippets」

Webサイトにはアラートメッセージが必要な場面がいくつかあります。多くはJavaScriptのアラートを使用して行われていますが、カスタムCSSとJSコードを使って簡単に表現することができます。今回は、フリーで使える10種のアラートメッセージスニペット「10 Free CSS & JS Notification Alert Code Snippets」の紹介です。

AlertCode04
Ionic Alert

ベーシックな表現からPOPなものまで10種類が紹介されています。

詳しくは以下

(さらに…)

続きを読む
2015年11月12日

表現力豊かに ボタン作成のチュートリアルまとめ「Call to Action: 13 Tutorials For Creating The Perfect Button」

クリックすることでアクションが起きることを認識させるためのツールとして利用されるボタン。形が大きさ、デザインなど、ベースの制作物によって合わせるタイプも選びたいもの。しかしどのように作ったらよいか分からず、ありきたりになってしまうことは意外に多いのではないでしょうか?今回はそんな時に参考にしたいボタン作成のチュートリアルまとめ「Call to Action: 13 Tutorials For Creating The Perfect Button」を紹介したいと思います。

button1112_1
4-Designer | Deep analysis on how to create a high-precision button

いろいろな種類のデザインボタンの作り方が分かりやすくまとめられた記事がピックアップされています。

詳しくは以下

(さらに…)

続きを読む
posted 02:22  |  
Category: Design   
2013年01月24日

さまざまな都市を表現できるPhotoshopブラシまとめ「24 Sets Of Free City Brushes For Photoshop」

人々が暮らす都市の風景はデザインに取り入れられることも多く、イラストやシルエットなどの素材ををチェックしている方も多いのではないでしょうか?そんな中今回紹介するのが、都市を表現できるPhotoshopブラシをまとめた「24 Sets Of Free City Brushes For Photoshop」です。


City Scapes 2 – NYC Edition by ~tiffcali06 on deviantART

シルエット素材からイラスト、画像など、表現力の広がるPhotoshopブラシが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:32  |  
Category: Design , Photoshop   
2016年01月10日

好きな写真のカラーを簡単にパレット変換できるサイト「ColorFavs」

デザインでイメージしている色を配置したいと頭で想像していても、実際にその色を数値などで出そうと思うとなかなか難しいもの。今回はそんな時に活用できそうなサイト「ColorFavs」を紹介したいと思います。

colorfavs

好きな写真のカラーを簡単にカラーパレット変換することができる、好みのビジュアルからのカラー抽出を可能にした便利なwebサービスとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: WebService   
2008年04月23日

クオリティの高い20のフリーWordPressテーマ「20 More Free First-Class WordPress Themes」

今まで何回かWordPressのテーマについてはお伝えしてきましたが、今回紹介する「20 More Free First-Class WordPress Themes」はクオリティの高いフリーのWordPressのテーマを20個集めたエントリーです。

wp-01.jpg
Going Global | preview

こういうまとめエントリーはよく見かける物が多いのですが、わりとクオリティが高いとい割れているテーマの定番以外が紹介されていましたのでエントリーしました。今回はその中から気になったテーマをいくつかピックアップしてお伝えしていきたいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:47  |  
Category: WordPress   
2013年05月04日

指定URLからページに利用されている色を分析してくれるWEBサービス「Colours」

WEBサイトを作っていて悩むのが、配色。配色はプロのWEBデザイナーでも非常に難しく、いつも悩んでいるという方も多いと思います。今日紹介するのは、サイトにどんな色が利用されているかを分析し、視覚化してくれるWEBサービス「Colours」を紹介したいと思います。指定のURLから上記のような配色を割り出してくれるというもので、国内外でも知られているサイトがまとめられていました。

指定のURLからも分析が可能でしたので、Designdevelopを分析してみました。

詳しくは以下

(さらに…)

続きを読む
posted 10:50  |  
Category: WebDesign , WebService   
2012年12月24日

【商用可】クリエイティブな雰囲気を演出するブラーテクスチャ100「100 Free Blurry Textures」

素材感や質感をデザインに与えてくれる背景テクスチャ、グラフィック・WEBデザイン問わず非常に便利な素材の一つですが、今日紹介するのはクリエイティブな雰囲気を演出するブラーテクスチャ100「100 Free Blurry Textures」。

全部で100種類のブラーテクスチャがzipファイルにまとめられており、シンプルなものから、カラフルなものまで、幅広い質感のものがセットになっています。

詳しくは以下

ファイル形式はjpgで、サイズは2592×1936ピクセルと比較的大きなサイズになっています。さらにありがたいことに、個人利用、商用利用ともに許可されており、広告などの受託のクリエイティブワークにも利用できます。

ダウンロード元には「ビールをおごる」ボタンも設置されているので、本当に役に立ったという方はそちらも是非。

100 Free Blurry Textures | PEPSized

続きを読む
posted 10:00  |  
Category: Design , Photoshop , WebDesign   
2009年10月17日

Wiifit風なフィットネスベクターデータ「KEEP FIT」

健康系の仕事だったり、まさしくフィットネスやスポーツジムの仕事にものすごく重宝しそうなベクターデータが今回紹介するWiifit風なフィットネスベクターデータ「KEEP FIT」です。

previewkfit01

様々なポーズがベクターデータが収録されています。上記の他にもポーズがありますので、下記に紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 02:37  |  
Category: Design , vector   
2008年12月15日

錆をテーマにしたテクスチャ「Free Texture Tuesday: Rust」

今まで、様々なフリーで利用できるテクスチャを紹介してきましたが、今回紹介するのは錆をテーマにしたテクスチャ「Free Texture Tuesday: Rust」です。

表面だけが錆びた素材、かなり浸食して、素材自体が錆びて剥がれ落ちたものなどなど様々なテクスチャが収録されています。下記にいくつか紹介しておきます。

詳しくは以下

(さらに…)

続きを読む
posted 02:18  |  
Category: Design , Photoshop   
2013年02月09日

スマートフォンのジェスチャーベクターデータ「IPHONE GESTURES」

スマートフォンの操作は独特で、普段利用している方であれば、当たり前のように利用できますが、スマートフォンを購入した手のユーザーにとっては用語で説明しても伝わりにくく、「スワイプ」「ティルト」などなかなか言葉からは想像しにくいものもあります。今日紹介するのはスマートフォンの操作をアイコン的に伝えられる、ジェスチャーベクターデータ「IPHONE GESTURES」です。

スワイプ、タップ、ピンチ、ズーム、ティルト、シェイク、マルチタッチといった基本的な操作が手の動きやスマートフォンの動きとともに表現されています。

詳しくは以下

(さらに…)

続きを読む
posted 02:54  |  
Category: Design , vector   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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