TOP  >  icona

Tag : icona

2016年01月05日

120種がセットになったカラフルなフリーフラットアイコンセット「120+ Free Set PSD Colorful Ficons Icons」

どんどんと新しい種類が登場するアイコン。特にwebデザインで使う素材の定番だけに、常にチェックしダウンロードしておくことでトレンドのデザインをもっとっ魅力的に演出できると思います。そんなダウンロードしておきたいアイコンのリストとして加えたい、120種がセットになったカラフルなフリーフラットアイコンセット「120+ Free Set PSD Colorful Ficons Icons」を今回は紹介します。

120icon2

可愛らしいテイストのフラットアイコンが120種類セットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

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

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

2008年12月15日

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

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

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

詳しくは以下

(さらに…)

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

躍動感ある鳥のイラストを描くことができるブラシまとめ「25 Free Bird Themed Photoshop Brush Sets」

自然をテーマにしたデザインなどにモチーフとして利用することが多い鳥のイラストは、さまざまなアングルや角度から捉えた姿の種類が必要になってきます。また時にはリアルな質感が求められることも。今回はそんな鳥たちを描くことができるブラシまとめ「25 Free Bird Themed Photoshop Brush Sets」を紹介したいと思います。


bird brushes II by =lpdragonfly on deviantART

シルエットタイプの定番として使いやすいもの、また実際の鳥の質感を忠実に描き出したものまで、さまざまな種類がまとめられています。気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 05:56  |  
Category: Design , Photoshop   
2008年07月01日

シンプルなCSSテンプレートセット「CSS Layout Cheats」

Designdevelopでは「代表的な12のCSSレイアウトテンプレートを配布する「Nice and Free CSS Templates」」など、何度かお伝えしているCSSのシンプルテンプレート集ですが、今回紹介するのもそんなシンプルなCSSのレイアウト集「Nice and Free CSS Templates」です。

標準的なレイアウトが12個用意されていて、1カラムから4カラムまで、センター配置からFluidまでと、様々なCSSによるレイアウトが配布されています。

詳しくは以下

(さらに…)

続きを読む
posted 03:13  |  
Category: WebDesign   
tag: CSS webdesign
2011年04月17日

jQueryベースのWebフォームライブラリ「jFormer」

WEBサイトには欠かせないフォーム。様々な情報のやりとりに利用されていて、多くのWEBサイトで利用されていますが、今回紹介するのは一般的なコンタクトフォームから、ログインフォーム、EC用のフォームまで、様々なフォームに対応したjQueryベースのWebフォームライブラリ「jFormer」です。

「jFormer」はバリデーション機能も備えたフォームのフレームワークで、AJAXを使ったページ遷移や、入力データのレジュームなど、細かな機能も標準で備わっており、フォームの開発の時間を短縮してくれます。

詳しくは以下

基本的にフォームの部分はphpで作られており、デザインをCSSで、動きなどはjavascriptを利用しています。

多彩なデモは「Demos – jFormer」からご覧いただけます。またベーシックなコンタクトフォームのつくり方は「Installation and Documentation – jFormer」からご覧いただくけます。フォームに動きをつけたいという方には役に立つフレームワークだと思います。

jQuery Form Framework – jFormer

続きを読む
posted 01:58  |  
Category: WebDesign   
2013年12月09日

フラットデザインのクリスマスアイコンのまとめ

季節はもうすぐクリスマス。ちょうどクリスマスイベント向けのデザインを制作しているという方もいらっしゃるのではないでしょうか。今回は流行のフラットデザインで作られたクリスマスの可愛いアイコンセットのまとめてみました。

fcis_3
Flat Christmas Icon Set – DryIcons

白抜きの主張しすぎないものからカラフルなわくわくするものまで、さまざまなシーンで使えるアイコンが揃っています。

Flat Christmas Icon Set (PSD) | Psdblast
フラットデザインを取り入れながらも、ポップな仕上がりのアイコン。クリスマスの楽しさを効果的に伝えられそうです。

fcis_1
 
 
 
 
 

16 Colorful Flat Christmas Icons ~ Icons on Creative Market
斜めの影をプラスしたロングシャドーのアイコン。単調になりすぎないので、デザインにアクセントを与えてくれます。

fcis_2
 
 
 
 
 

Flat Christmas Iconset (14 icons) | Christmas Webmaster
とてもシンプルなのでデザインバランスを崩すことなく、クリスマスを演出することができるのではないでしょうか。

fcis_0
 

フラットデザインはシンプルさ故に淡白になりがちですが、今回のアイコンを活用すれば、ひと味違った華やかなデザインに仕上げることができそうですね。

続きを読む
posted 09:00  |  
Category: Design , WebDesign   
2015年02月12日

天気イメージをラフに表現できるアイコンセット「Sunny Icons」

さまざまなテーマのアイコンが公開される中、天候を表現する天気アイコンはすでに定番の種類となっています。そんな中今回は、天気イメージをラフに表現できるアイコンセット「Sunny Icons」を紹介したいと思います。

sunny

手描き調の、ハンドドローイング具合が味のある雰囲気を感じさせてくれるアイコンがセットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:25  |  
Category: Design   
2018年04月22日

動画で学べるPhotoshopチュートリアル「10 Free Video Series for Learning to Design in Photoshop」

Webサイトやロゴ、UIのデザインを制作する時どんなツールを使っているでしょうか。中でも、慣れていないとちょっと倦厭されがちなPhotoshopですが、便利な機能が詰まっているので慣れてしまえば様々な用途で使えます。今回は、動画で学べるPhotoshopチュートリアル「10 Free Video Series for Learning to Design in Photoshop」を紹介したいと思います。

tutorial
(16) Web Design Tutorial For Beginners: How To Design A Cool Website Billboard In Photoshop CC – YouTube

ランディングページからロゴまで、初心者でも安心な動画を使ったチュートリアルのまとめです。

詳しくは以下

(さらに…)

続きを読む
2007年12月01日

フリーで使えるphotoshopカスタムシェイプ集「Foliage Shapes (Huge master set)」

標準でphotoshopには音符だったり、吹き出しだったりと、いくつかのカスタムシェイプが登録されていますが、正直ありきたりな物が多く、実用性がありそうで以外と使えなかったりします。そこで今回紹介するのが完全にフリーで使えるフリーカスタムシェイプ集「Foliage Shapes (Huge master set)」です。

customshap.gif

毎月一回の更新で、100ロイヤリティーフリーの物だけを集めて公開されていますので。かなり有用なカスタムシェイプ集です。

詳しくは以下

(さらに…)

続きを読む
posted 10:16  |  
Category: Design , Photoshop   
2008年09月24日

リアルなガジェット制作のためのphotoshopチュートリアル「27 Best Photoshop Gadget Design Tutorials」

自分でガジェットのデザインをしたい、思い浮かべているアイデアはあるけど、カタチにする方法が分からないと言う方にお勧めなのが、今回紹介するリアルなガジェットのphotoshopチュートリアル「27 Best Photoshop Gadget Design Tutorials to Design Realistic Gadgets」です。


Mobile Phone Styled Like HTC Touch Diamond

携帯電話、ゲーム機、ミュージックプレーヤー、USBメモリ、腕時計まで様々なガジェットを表現する為のチュートリアルが集められています。今回はその中でも特に気になったチュートリアルを紹介していきたいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:45  |  
Category: Design , Photoshop   
2008年05月17日

【FreeFont】ボタン糸を通した様なフリーフォント「ABC BUTTON」

ボタンと言ってもスイッチ的な物のボタンではなく、衣服などの付けるボタンにスポットを当てたWEBサイトが今回紹介する「ABC BUTTON」です。下記のサイトのスクリーンショットからもわかるかと思いますが、ボタンに特化したコンテンツを配信しています。

ここまでボタンに特化したサイトはめずらしんじゃないでしょうか?コンテンツとして、ボタンの穴に糸を通したようなボタンにちなんだフリーフォントが公開されているみたいなので下記に紹介します。

詳しくは以下

(さらに…)

続きを読む
posted 07:28  |  
Category: Design , Font   
tag: Design Font

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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