TOP  >  desgn

Tag : desgn

2015年01月22日

webデザイン・構築をもっと手軽に フリーHTMLテンプレート集「20 Fresh & Free HTML Templates」

webサイトの制作時に、フリーで使用できるHTMLテンプレートがあると非常に作業効率がよくなり、さらに手軽にデザインクオリティも高めることができます。今回はそんなフリーHTMLテンプレート集「20 Fresh & Free HTML Templates」を紹介したいと思います。

html0122_1
Portfolio Template

シンプルテイストなデザインを中心に、現在のwebトレンドをしっかりと抑えたデザイン性のあるテンプレートがまとめられています。

詳しくは以下

(さらに…)

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

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

2009年08月20日

商用可!ECサイトに欠かせないフリーベクターアイコンセット「Beautiful eCommerce Icons」

ECサイトはコーポレートサイトとはまた必要な情報が違ってきます。情報が違うと言う事は当然デザインやパーツも変わってきます。今回紹介するのはECサイトには欠かせなフリーアイコンセット「Beautiful eCommerce Icons」を紹介したいと思います。

free-ecommerce-icons

上記のように電卓、クレジットカード、ショッピングバック、カートなどなど基本的にECサイトに必要なアイコンが収録されています。クオリティも非常に高く、デザインテイストも統一されていますのセットで使えます。、

詳しくは以下

(さらに…)

続きを読む
posted 01:49  |  
Category: Design , vector   
tag: Design vector
2012年01月06日

さまざまなモチーフや表現を描き出したイラストレーターチュートリアル集「40+ Fresh And Useful Adobe Illustrator Tutorials」

adobeのデザインソフト・イラストレーター。バージョンのアップと共に機能性も非常に充実し、これまで表現できなかったグラフィック表現も可能になってきています。そんな中今回紹介するのは、イラストレーターを使った非常にクオリティの高いデザインのチュートリアル集「40+ Fresh And Useful Adobe Illustrator Tutorials」です。


Create a Magical Vector Landscape Using Illustrator – Vector Premium Tutorial | Vectortuts+

物やアイコン、ボタンなど、イラストレーターで表現したとは思えない程リアルな質感をどのような操作でデザインしたのか?を、このまとめで知ることができます。いくつか事例をピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2015年09月28日

ハイクオリティなpsdフォーマットのフリーアイコンセット集「15 Fresh & High Quality Free Icon Sets In PSD Format」

アイコンにもさまざまなテイストがあると思いますが、リアルで質感のあるタイプはアイコンとしてだけでなく、グラフィックビジュアルの一部として利用できることも。今回はそんなシーンで活用できる、ハイクオリティなpsdフォーマットのフリーアイコンセット集「15 Fresh & High Quality Free Icon Sets In PSD Format」を紹介したいと思います。

psd0930_1
Digital camera icon (PSD) | PSDGraphics

まるで本物のような質感のアイコンが、厳選された数ではありますが、ピックアップされ紹介されています。気になったものを以下よりご覧ください。

詳しくは以下

(さらに…)

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

iPhone6用モックアップ素材まとめ「50 Free iPhone 6 and iPhone 6 Plus Mockups (PSD, AI & Sketch)」

先日発表・リリースされたiPhone6。従来のiPhoneよりもサイズが大きくなるなど、新しい進化を遂げています。そんな中今回は、すでに多数公開されているiPhone6用モックアップ素材まとめ「50 Free iPhone 6 and iPhone 6 Plus Mockups (PSD, AI & Sketch)」を紹介したいと思います。

iphone61
[FREEBIE] iPhone6 Flat Mockup by Rasvob on deviantART

リリースから間もないにも関わらず、いろいろな種類のモックアップがリリースされています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 12:36  |  
Category: Design   
2008年08月03日

配色から、素材、CSSまでWEB制作者のためのデザインリソース集「21 cool webmaster resources」

今まで「ロゴデザインのリソースサイト集「105+ Logo Design Tuts And Resources」」や「様々なWEBデザインエレメントのデザイン集「Pattern Tap 」」と様々なデザインリソースを紹介しましたが、今日紹介「21 cool webmaster resources」と言うエントリーは配色からレイアウト、テクスチャからアイコン素材まで、WEBデザイン、WEB制作の為に利用できるデザインリソースを集めたまとめエントリーです。

タイトルの通り全部で21個のサイトが紹介されており、どれも、一つ一つが目的に特化したサイトを紹介しています。今日は紹介されている中から特に気になった物を紹介したいとお思います。

詳しくは以下

(さらに…)

続きを読む
posted 01:49  |  
Category: WebDesign   
2015年08月18日

背景を魅力的に演出してくれる フリーベクターバックグラウンド集「Vector Background Download: 30 Free Backgrounds」

デザインを華やかに彩ってくれるバックグラウンド素材。種類豊富にストックしておけば、いろいろなテーマに対応することができます。今回はそんなときに役立つフリーベクターバックグラウンド集「Vector Background Download: 30 Free Backgrounds」を紹介したいと思います。

background0818_1
Grungy gradient background Vector | Free Download

30種の、ベクター形式バックグラウンドがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2008年05月26日

オンライン解凍サービス「wobzip」

普段からPCを使っている人にとっては圧縮など常識の範囲内で、圧縮の形式に従ってソフトを選択し、解凍というような手順を自然に踏みますが、慣れていない人の中にはこのファイルどうやって解凍するか分からないそんな人もいるかと思います。そこで今回紹介するオンラインサービス「WobZIP 」はWEB上で圧縮ファイルを解凍してくれるという物です。

対応している拡張子は7z, ZIP, GZIP, BZIP2, TAR, RAR, CAB, ISO, ARJ, LZHCHM, Z, CPIO, RPM, DEB and NSISとかなり豊富でよほど特殊な圧縮形式でなければ対応してくれそうです。対応最大ファイルは100MBとなっております。

詳しくは以下

利用方法は簡単で、ローカルから圧縮ファイルを選択して、wobzipのボタンを押すだけでOK万が一に備えて解凍したファイルにパスワードもかけることができます。


↑解凍結果のスクリーンショット

圧縮ソフトが手に入らない環境や新しいプログラムのインストールが安易にできない観光では重宝しそうなWEBサービスです。

WobZIP – uncompress on the fly!

続きを読む
posted 03:08  |  
Category: WebService   
2011年03月08日

世界のIE6使用比率を現した世界地図「The Internet Explorer 6 Countdown」

IE6だけに出現する「バグ」を修復するために、多くの時間が費やされている現状。今回は、いつまで、IE6対応が必要なのかを考えるための指針ともなる、現在の世界でのIE6の使用率を現した世界地図「The Internet Explorer 6 Countdown」が公開されていましたので、紹介したいと思います。

世界中でのIE6使用率もかなり低下しているように見えますが、アジア圏では、まだまだユーザーの多さも感じられる結果となっています。

詳しくは以下

(さらに…)

続きを読む
posted 04:48  |  
Category: WebDesign   
2015年06月06日

いろいろな種類のフリー素材を一度にチェックできるまとめ「50+ incredible freebies for web designers, May 2015」

webサイト制作には、1つだけでなくさまざまな種類の素材を使用して形成することが多いもの。そんな中今回紹介するのは、いろいろな種類のフリー素材を一度にチェックできるまとめ「50+ incredible freebies for web designers, May 2015」です。

freebies0606_1
TemplateShock

1つのまとめの中に、多彩な素材が紹介されており、チェックするだけで非常に便利なツール等に出会うことができそうです。

詳しくは以下

(さらに…)

続きを読む
posted 10:39  |  
Category: Design   
2013年12月17日

現在のナビゲーションのトレンドを多方面から分析した「Up and Coming Navigation Trends」

Webサイトを制作する上で、ナビゲーションの設計はユーザーが最も触る部分だけに非常に重要な要素の一つであるといえます。同じWebサイトであっても、ナビゲーションの設計が上手く出来ているかどうかでユーザビリティはかなり変わってくるのではないでしょうか。そこで今回は、ナビゲーションのトレンドを多方面から分析した「Up and Coming Navigation Trends」を紹介します。

uacnt_0
Lack of navigation – Socket Studios 2013

ナビゲーションを取り払ってしまった例や、コンテンツを見せるために最小限に抑えたもの、全体的な閲覧の流れを作るなど、さまざまに工夫されたナビゲーションの事例が紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

(さらに…)

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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