TOP  >  WebService

Tag : WebService

2014年10月09日

徐々に色が変化する背景作成が簡単にできるジェネレーター「CSS Gradient Animator」

webサイトの背景やメインビジュアルなどに、グラデーションの美しい色を使用することもあると思いますが、美しい色合いを作り出すのは意外に難しいもの。今回はそんな時に便利に活用できる、徐々に色が変化する背景作成が簡単にできるジェネレーター「CSS Gradient Animator」を紹介したいと思います。

gradient

2色の好きな色を設定するだけで、非常に簡単にグラデーションカラーを作り出すことができるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:04  |  
Category: WebService   
このエントリーをはてなブックマークに追加
2014年09月12日

グラデーションを楽しみながらコード取得もできるサイト「uiGradients」

デザイン制作の際に、色合いにニュアンスを出すために使用されるグラデーション。きれいな色の組み合わせが成功するとデザインが一気に魅力的なものに変化することも。今回はそんなシーンで役立てたい、グラデーションを楽しみながらコード取得もできるサイト「uiGradients」を紹介したいと思います。

gura

ひたすらグラデーションを閲覧するといった非常にシンプルなサイトですが、色の濃淡のコード取得ができるなど実用的にも活用できるサイトとなっています。

詳しくは以下

(続きを読む…)

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

webサイト制作に活用したい ハイクオリティなwebテンプレート集「20 Free Web Templates for Web Designers」

webサイト制作には、全体の設計からデザイン感の決定、どんな色や書体を使うのかなど、いろいろな企画工程が必要になってきます。今回はそんな工程をできるだけ短縮しながら、精度の高いデザインに仕上げたい時におすすめなwebテンプレート集「20 Free Web Templates for Web Designers」を紹介したいと思います。

webtemp0909_1
Mentum – PSD Single Page Template – graphberry.com

ハイクオリティな、現在の主流のデザイン感をしっかりと抑えたテンプレートがまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:19  |  
Category: Design   
このエントリーをはてなブックマークに追加
2014年07月20日

ファビコン用データを簡単に作成できる「Favicon Maker」

webサイトを立ち上げる際に必要な素材の一つ、ファビコン。時には設置を忘れてしまいがちですが、サイト自体の完成度を高めるためにはとても重要な要素だと思います。今回はそんなファビコン用データを簡単に作成できる「Favicon Maker」を紹介します。

faviconmaker

サイト内にドラック&ドロップするだけで、さまざまなサイズのファビコン用データを一気に生成してくれるとても便利なwebツールとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2014年05月29日

デザイナー必見 webやスマートフォンに対応したクリエイティブなUIキットまとめ「35+ Free UI Kits for Web Designers」

インターネット上でフリーで配布されているUIキットは、制作時間の短縮はもちろん、手軽にクオリティを高めることができる便利な素材。今回はそんなUIキットをまとめた「35+ Free UI Kits for Web Designers」を紹介したいと思います。

ui140529_1
Dribbble – Iphone Gold Ui Kit +Free PSD by Tintins

webやスマートフォンなどに対応したUIキットがたくさん紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
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   
このエントリーをはてなブックマークに追加

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

2009年12月19日

冬にピッタリな雪のテクスチャ集「21 High-Res Texas Snow Textures」

もういよいよ冬本番で、寒い日がつづいていますが、今日紹介するのはそんな冬を演出してくれる雪のテクスチャを集めたエントリー「21 High-Res Texas Snow Textures」です。

yukiyuki01

雪と言っても新雪から、植物の上に積もった雪、少し引いた雪景色などなど、様々なバリエーションのテクスチャ用の画像鵜が収録されています。全部で21個のテキスチャが公開されていますが、今日はその中からいくつか気になったテクスチャを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:56  |  
Category: WebService   
tag: 
2014年06月08日

さまざまなデザインシーンに対応したフリー素材まとめ「50 Web Designer Freebies from May 2014」

デザイン制作を行う上で、自分でオリジナルで素材をつくることも多いと思いますが、フリーで配布されている素材を使用することで、制作時間を短縮できたり、手軽にクオリティを高めることができます。今回はそんな時のために是非参考にしておきたい、さまざまなデザインシーンに対応したフリー素材まとめ「50 Web Designer Freebies from May 2014」を紹介します。

free140609_1
Free Vector Elements & Badges | Dealjumbo.com — Deals from designers, writers and artists

UI、アイコン、テーマ、アクションなど、多彩な種類の素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

マッピングに利用出来るアイコンコレクション「map icons collection」

位置情報を取得できる環境も整ってきて、マップサービスもgoogleマップを初めユーザーの位置情報と連携、連動できるようにAPIなどもリリースされていて、位置情報を絡めたWEBサービスをリリースしている、リリースしたいと言う方も多いと思います。今日紹介するのはマッピングに便利に利用出来るフリーアイコンを多数紹介する「map icons collection」 です。

お店を表すアイコンだったり、動物などの生息地、行動など様々なマッピングで利用できそうなアイコンが配信されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:14  |  
Category: WebDesign   
2011年08月05日

色のコントラストを上手く利用したデザイン集「Minimal and Contrasty Color Schemes in Web Design」

シンプルなデザインが好まれることも増え、他サイトとの差別化の難しさを感じることもあるのではないでしょうか?そこで今回紹介するのが、シンプルな中でも色の使い方によって、印象的に見えるwebサイトを集めた「Minimal and Contrasty Color Schemes in Web Design」です。


cabedge.com

差し色としてビビットなカラーを利用したサイトから、2色を効果的に利用したサイトまで、印象的なサイトが多数紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:45  |  
Category: WebDesign   
2013年06月17日

無機質な雰囲気を感じさせるコンクリートテクスチャセット「7 Free High-Quality Concrete Wall Textures」

クリエイティブワークに欠かせないテクスチャ素材は、デザインに奥行きや質感をプラスするための重要なエッセンスとなります。今回はそんなテクスチャ素材の中から、無機質な雰囲気を感じさせるコンクリートテクスチャセット「7 Free High-Quality Concrete Wall Textures」を紹介したいと思います。

dd_concrete_01

カラーや自然のグランジ感などの異なるテクスチャが7種類セットになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:06  |  
Category: Design   
2007年12月23日

firefoxの疑問はココで解決!「教えて!FireFox」

何か困った時に非常に役に立つWEBサービスQ&Aサービスの一つであり国内有数の規模の「教えてGoo」からその中でもFirefoxに関する情報をピックアップした「教えて!firefox」がリリースされています。

教えて!firefox

初心者から上級者までfirefoxを利用する全ての人が対象のWEBサービスで様々な質問と回答が集められています。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:40  |  
Category: firefox , WebService   
2013年04月25日

デザイン制作を彩るクオリティーの高いPSD素材まとめ「40 Fresh PSD’s Files For Free Download」

デザイン制作時にパーツを一つ一つ制作すると、どうしても制作時間が膨らんでしまいます。そんな時に活用したい、デザイン制作を彩るクオリティーの高いPSD素材をまとめた「40 Fresh PSD’s Files For Free Download」を紹介したいと思います。


GraphicsFuel.com | Paper Login Form PSD

アイコンからUIエレメントまで、デザイン制作に必要なさまざまなパーツ素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:47  |  
Category: Design   
2012年04月01日

CSS3で作られたユーザーインターフェイスキット「CSS3 UI Kit」

CSS3は現在広く利用されているCSS 2を拡張したもので、従来のCSSでは表現が難しかったドロップ車道や、角丸など、画像に頼らずに、表現ができ、新しい表現の可能です。今日紹介するのはCSS3で作られたユーザーインターフェイスキット「CSS3 UI Kit」です。

サーチボタン、角丸ボタン、完全な円形のボタン、プルダウン、ページングなどなどユーザーインターフェイスの基本となるパーツがセットになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:11  |  
Category: Design   
2012年03月03日

天気を表すアイコンまとめ「30 Sets of Free Weather Icons」

天気予報として天気のマークを利用するのはもちろん、人の気分やさまざまな雰囲気を表現する際にも天気マークは利用しやすいもの。そこで今回は、天気を表すさまざまなアイコンをまとめた「30 Sets of Free Weather Icons」を紹介したいと思います。


Flat Weather Icons by ~LavAna on deviantART

立体感のあるアイコンから、ピクトグラムのようなアイコンまで、デザイン制作に利用しやすいアイコンがたくさん紹介されています。中でも気になったものをいくつかビックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:49  |  
Category: Design   
2012年01月22日

10pxで様々なものを表現するミニピクセルアイコンセット「Bijou」

WEBを制作にあたり便利な素材アイコン。一つ一つアイコンを制作するのはとても大変で、ピクセルアート的なピクトグラムであれば一層時間がかかります。今日紹介するのは10pxで様々なものを表現するミニピクセルアイコンセット「Bijou」です。

アイコンはすべてpngで配布されており、さらにありがたいことに、ソースファイルのpsdも用意されていますので、オリジナルのアレンジを加えることも可能です。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:37  |  
Category: Design , Photoshop , WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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