TOP  >  アイコン

Tag : アイコン

2017年06月15日

フラットな雰囲気が可愛らしい 自然と動物のミニマルアイコン「Free Download: by Vecteezy」

アイコンは小さいながらもデザインに華を添えてくれたり、ユーザーインターフェイスにも非常に有効的な存在。そんな中今回は、数多くあるアイコンの中でも自然をテーマにしたミニマルアイコン「Free Download: 100 Nature Icons by Vecteezy」を紹介します。

nature-icons-top

植物、動物以外に昆虫や天気をモチーフにしたアイコンも収録されています。収録されているアイコンをいくつか紹介していますので、以下よりご覧ください。

詳しくは以下

(さらに…)

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

WebデザインやGUIデザインに使用できる最新のPSD素材まとめ「36 New Free Photoshop PSD Files for UI Designers」

編集可能なPSD素材は様々な場面で役に立ってくれる存在。できれば最新の素材を手元に置いてきたいもの。そんな中今回ご紹介する「36 New Free Photoshop PSD Files for UI Designers」は、ロゴやアプリのUIから名刺テンプレートまで含まれた最新のまとめとなっています。

FreePsdFiles_top
Daily UI #029 – Music player by Marko Nedeljkovic – Dribbble

どれもクオリティの高い、さまざまな種類のPSD素材がまとめられています。気になるものをいくつかピックアップしているので以下よりご覧ください。

詳しくは以下

(さらに…)

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

最新トレンドのスタイリッシュなデザインアイコンまとめ「10 Fresh Icon Designs For Free Download」

情報を視覚的に分かりやすくしてくれるアイコンは、適切なものを使い分けていきたいですもの。そのためには種類豊富にストックしておくことが大切です。そんなときにあると便利なアイコンのまとめ「10 Fresh Icon Designs For Free Download」を今回は紹介したいと思います。

icondesigns-top
Free Line Icon Set for Designers (AI, EPS, SVG, PNG)

さまざまなテーマで制作されたアイコンがまとめられています。気になったものをピックアップしましたので、以下よリご覧ください。

詳しくは以下

(さらに…)

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

夏に向けてアイコンも衣替え!ポップなデザインが魅力のサマーテーマアイコン20「Free Download: 20 Fresh Summer Icons (exclusive)」

6月に入り、だんだんと暑さを感じる日が増え、夏の訪れを感じる頃となってきました。今回ご紹介するのは、これから訪れる夏にぴったりなサマーテーマアイコン「Free Download: 20 Fresh Summer Icons (exclusive)」です。

summer-holiday-icons_01

夏を思わせるテーマのアイテムが20点揃ったポップなアイコンセットです。

詳しくは以下
(さらに…)

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

ミニマルなテイストに可愛らしさをプラスしたフリーアイコンセット「Try 100 Icons Free」

Webサイトや紙媒体のデザインをしていると、アイコンが必要になることがよくあります。様々なテイストのアイコンがありますが、今回紹介するのは、ミニマルなテイストに可愛らしさをプラスしたフリーアイコンセット「Try 100 Icons Free」です。

egoicons01

シンプルで使いやすいデザインに、角ばったフォルムでありながらも、柔らかい雰囲気を感じさせてくれるアイコンが100種セットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

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

モックアップやテンプレートがフリーでダウンロードできるサイト「UIPIXELS」

サイトテンプレートからUI設計、アイコン、出来上がったデザインを実際に見せるためのモックアップに至るまで、WEBサイトを制作するにあたって、必要となる材料や要素は数多く存在します。そんな中今回紹介するのは、デザインを進めるにあたって必要不可欠となるツールをフリーでダウンロードできるサイト「UIPIXELS」です。

mockup01
iPhone 6s Plus Mockups | Free PSDs & Sketch App Resources for Designers – uipixels

サイトの構成を決めるテンプレートから細かなパーツまで、制作する中で活躍してくれるであろうアイテムが網羅されているのが、とても魅力的なサイトです。サイトでダウンロードできる素材をいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

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

2013年01月25日

拡大縮小などのアイコンとして活躍してくれる 虫眼鏡アイコンまとめ「11 Free Magnifying Glass Search Icons (PSD) Set」

webデザイン制作時に利用する機会や、見かける事の多い虫眼鏡アイコン。よく使う素材だけに、意外にデザインがワンパターンになってしまいがちです。そんな状況を解消できる虫眼鏡アイコンまとめ「11 Free Magnifying Glass Search Icons (PSD) Set」が公開されていましたので、紹介いたします。


Magnifying Glass Icon | Inventlayout.com – Download free PSD, AI resources like textures, icons, buttons, backgrounds and many many more…

ベースの虫眼鏡の形は同じですが、ちょっとしたデザインテイストや加工の違いで、デザインの方向性や好みに合わせて使い分けられるアイコンがまとめまれています。気になったものをピックアップしてみましたので、下記よりご覧ください。

(さらに…)

続きを読む
posted 01:27  |  
Category: Design   
2008年08月16日

CSSを条件分岐させ、環境によって切り替える「Conditional-CSS」

通常CSSはプログラミングのようなifのように条件付けなどはできませんが、今回紹介する「Conditional-CSS」はCSSで条件分岐を実現する画期的なものです。

ブラウザや環境が多様化しているなかでは非常に便利な仕組みだと思います。ブラウザ毎に条件を個別に設定する事もできますし、あらかじめ定義しておけば、cssA、cssXなど複数条件をまとめておく事もできます。

詳しくは以下

Conditional-CSSの「デモ」はこちらからどうぞ、IE、firefox,opera,safariでそれぞれ表示が異なります。コード自体は簡単で公式サイトを見ればすぐにわかるかと思いますが、実装にはサーバー側でプログラムを走らさないといけません。プログラムのダウンロードは「Conditional-CSS | Download」からどうぞ。

かなり便利なものでコチラを使えば、様々な環境で表示を最適化する事が出来るかと思いますが、毎回プログラムを読み込む仕組みなので、アクセスが多いサイトでは注意してください。実装の手順として詳しく説明されているサイトをいくつか紹介しておきます。使ってみたいと言う方はそちらを参考にしながら試してみてください。

【参考サイト】
[CSS]スタイルシートに「if」を使った条件式が利用できる -Conditional-CSS | コリス
CSSの記述に条件文が使えるようになる「Conditional-CSS」:phpspot開発日誌

続きを読む
posted 08:06  |  
Category: WebDesign   
tag: CSS webdesign
2016年09月24日

iPhone 7のフリーモックアップ「Free Multicolor iPhone 7 Mockup」

良くも悪くも、国内外で大きな話題となっているiPhone7。すでに手に入れた方、検討中の方などなど様々だと思いますが、今日紹介するのはiPhone 7のフリーモックアップ「Free Multicolor iPhone 7 Mockup」です。

Free-Multicolor-iPhone-7-Mockup-prev01

基本的な外観はiPhone 6sと大きく変わらないのですが、イヤフォンジャックの廃止やiPhone 7 plusで初めて搭載された2つの背面カメラなどが表現されています。

詳しくは以下

(さらに…)

続きを読む
posted 09:10  |  
Category: Design , Photoshop , vector   
2008年12月01日

テクスチャをつくりだすphotoshopブラシ集「Huge collection of 200+ Texture brushe」

テクスチャについては今までDesigndevelopでも何度も取り上げてきましたが、今日紹介するエントリー「Huge collection of 200+ Texture brushes」はテクスチャを自分で作りあげることができるphotoshopブラシをまとめたものです。

紹介されているブラシは全部で200種類。煉瓦の壁から、コンクリート、木目にいたるまで、様々なテクスチャが表現できるphotoshopブラシが収録されています。今回はいくつか紹介されているなかから、いくつか気になったブラシセットをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:26  |  
Category: Design , Photoshop   
2011年03月31日

赤色のパターン素材集「40+ Captivating Red Patterns for Extraordinary Designs」

主にデザインの背景素材として活躍してくれるパターン素材。そのデザインバリエーションは豊富で、持っているととても重宝するかと思います。そこで今回紹介するのは、赤色のパターン素材集「40+ Captivating Red Patterns for Extraordinary Designs」です。


DinPattern – Free seamless patterns» Red Hallway Runners

赤色をテーマにデザインされたさまざまなパターン素材が収録されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 05:45  |  
Category: Design   
2011年05月09日

高解像度のマーブルの模様の石テクスチャまとめ「30 Free High Quality Marble Textures」

デザインの現場では毎回さまざまなテクスチャを利用すると思いますが、それぞれのデザインにぴったりのテクスチャを探し出すというのは、なかなか時間のかかる作業ではないでしょうか?そんなとき役に立つのが、テクスチャを分類ごとにまとめて紹介してくれているサイトです。今回紹介するのは、マーブルの模様の石テクスチャをまとめた「30 Free High Quality Marble Textures」です。


Marble Texture

はっきりした柄のテクスチャから、淡い優しいテイストのテクスチャまで、さまざまなテクスチャが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:09  |  
Category: Design   
2013年05月19日

美しい花の姿をベクターで表現した「30 Free Colorful Vector Flowers」

デザイン制作に便利なベクター素材。イラストレーターでの加工が可能だったりと、アレンジの幅が広いのも人気の要素の一つとなっています。今回はそんなベクター素材の中で、美しい花の姿を表現した「30 Free Colorful Vector Flowers」を紹介したいと思います。


Melody Arriving :: Vector Open Stock | vector graphics and vector art to download for free!

さまざまな表情の花、そして植物をプラスしたベクター素材が30種まとめられています。気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2015年11月21日

いろいろなテーマが揃う 多彩なフリーベクターアイコンセットまとめ「1000+ Free Vector Icons」

つねに最新のものをチェックしておきたいフリー素材の一つ・アイコン。日々いろいろなタイプのものが発表され続けています。そんな中今回紹介するのは、多彩なフリーベクターアイコンセットまとめ「1000+ Free Vector Icons」です。

icon1120_0
[ Free Download ] 40 Monoflat icons collection on Behance

非常に個性的なテーマから定番まで、ベクター形式で作られたアイコンセットが多数紹介されています。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(さらに…)

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

高機能で扱いやすい フリーjQueryスライダー「Top 30 Fabulous jQuery Sliders for Free」

jQueryによって誰でも簡単にwebサイトに動きをつけることができるようになりました。ですがなかなか意図通りの動きをするプラグインは少ないもの。そんな中今回紹介するのは、高機能で扱いやすいjQueryスライダーを集めた「Top 30 Fabulous jQuery Sliders for Free」です。

slider_0
Top 30 Fabulous jQuery Sliders for Free | InstantShift

変わった動きをするスライダー、シンプルなものまで、たくさんのスライダーが紹介されています。その中でも気になるものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 06:23  |  
Category: plugin   
2017年06月18日

トレンドをおさえたスタイリッシュなデザインが魅力 シームレスメンフィスパターン集「10 Memphis Style Patterns」

80年代のデザイン界に革新をもたらしたメンフィスデザイン個性の強いデザインなので最先端のトレンドを取り込みたい方にはとてもおすすめ。そんなパターンが詰まった「10 Memphis Style Patterns」を今回はご紹介していきたいと思います。

Memphis_top

ビビットなカラーでデザインにインパクトを与えてくれる特徴的な10種類のパターンが収録されています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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