TOP  >  アイコン

Tag : アイコン

2016年01月14日

種類豊富に揃うフリーアイコンセットがまとめられた「1100+ Free UI Icons for Web, iOS and Android UX Design」

アイコンは同じテーマやテイストでセットになって配布されていることが多く、シリーズで統一性をもたせられるのも嬉しいところ。そんな中今回紹介するのは、種類豊富に揃うフリーアイコンセットがまとめられた「1100+ Free UI Icons for Web, iOS and Android UX Design」です。

icon0114_3
Image Editing Icons – EpicPxls freebie

非常に多彩なテーマのアイコンセットがフリーでダウンロードできるようになっています。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(続きを読む…)

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

ファイナンス系のデザインに便利なデザインアイコンセット「36 Free Linear Finance Icon Set」

最小限ののデザイン表現で意味を伝えるのに最適な素材・アイコン。いろいろなテーマのものが作成されフリーで配布されていますが、今回紹介するのは、ファイナンス系のデザインに便利なデザインアイコンセット「36 Free Linear Finance Icon Set」です。

financeicon

マネー・投資・企業情報などの数字に関する表現に最適なアイコンがセットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

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

ECサイトのデザインに活躍してくれるクレジットカードのフリーアイコンまとめ「11 Free Credit Card Icon Sets For Online Shops」

オンラインショッピングに欠かせないクレジットカード。サイト上ではどんな種類のカードが使えるかを明確に記しておく必要があります。そんな中今回紹介するのは、ECサイトのデザインに活躍してくれるクレジットカードのフリーアイコンまとめ「11 Free Credit Card Icon Sets For Online Shops」です。

card0105_3
Dribbble – Credit Card Icons FREE PSD (Vector) by Vilen

使うことで、決済時のユーザビリティを格段にアップさせることができます。中でも気になった種類をピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

シーズン性のあるアイコンセットまとめ「20 Seasonal Icons Sets with Beautiful Designs」

クリスマスは終わってしまいましたが、シーズンごとのイベントは年中存在しており、それぞれに合ったデザインが必要になってくることも。そんな中今回紹介するのは、シーズン性のあるアイコンセットまとめ「20 Seasonal Icons Sets with Beautiful Designs」です。

seasonicon1229_3
Snowflakes | GraphicRiver

冬や夏、また年間を通して使える季節感のあるアイコンセットがまとめられ紹介されています。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(続きを読む…)

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

2015年に紹介されたベストアイコン50がまとめられた「Top 50 Free Icon Sets from 2015」

2015年ももうすぐ終わりに差し掛かっているということもあり、まとめ系サイトでは1年のまとめ記事がアップされています。その中で今回は、2015年に紹介されたベストアイコン50がまとめられた「Top 50 Free Icon Sets from 2015」を紹介したいと思います。

icon1223_3
Dribbble – Free vector icons: Retro Volume 1 by Frexy

ベストな50選ということもあり、非常に多彩な種類のアイコンがラインナップされています。中からいくつか気になったものをピックアップしましたので下記より御覧ください。

詳しくは以下

(続きを読む…)

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

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

2011年06月11日

FacebookのUIやスタイルを再現するjQueryプラグイン集「23 Best jQuery Facebook Style Plugins」

世界中の方々利用しているソーシャルネットワーク「Facebook」国内でも多くの方が利用しているサービスの一つだと思います。今日紹介するのはそんなFacebookのUIやスタイルを再現するjQueryプラグインを集めたエントリー「23 Best jQuery Facebook Style Plugins」です。


2. Creating a Facebook-like Registration Form with jQuery

全部で23個のプラグインが紹介されていますが、今日はその中から幾つか気になったモノを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:10  |  
Category: WebDesign   
2007年12月13日

Webページ内の画像を保存させない方法

ブログを始めtumblrなどのサービスがある中で、考え方自体が古いのかもしれませんが、見ては欲しいがコピーしてほしくはない、大事な写真、作品というのはあるものです。今日紹介するのはWEBページ内の画像を保存させない方法です。

Webページ内の画像を保存させない方法

あくまで簡易的なので、本当に保存しようと思えばいくらでも方法はあるのですが、参考までに記していきたいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:53  |  
Category: WebDesign   
tag: webdesign
2011年11月29日

季節を感じられる枯れ葉や落ち葉のフリーテクスチャまとめ「55 Free Design Gripping Dried Leaf Textures」

植物等の季節感があるテクスチャは、デザイン制作のマストアイテムとしてアーカイブしておきたいもの。そこで今回は、さまざまな種類の枯れ葉や落ち葉テクスチャを集めた「55 Free Design Gripping Dried Leaf Textures」を紹介したいと思います。


Dry leaves Texture by ~KillerRu on deviantART

かさかさ良い音が聞こえてきそうなテクスチャから、イメージ性の強いテクスチャまで、さまざまなテクスチャが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:56  |  
Category: WebDesign   
2014年11月07日

手でタッチするジェスチャーアイコンセット「100+ Touch Gestures Icons」

スマートフォンやタブレットが主流になったことで、画面をタッチする手の動きを表現するデザインシーンも増えています。そんな中今回紹介するのは、手でタッチするジェスチャーアイコンセット「100+ Touch Gestures Icons」です。

handtouch

主に指先でタッチやスワイプをする動作が表現された手のひらアイコンが100種セットになっています。

詳しくは以下

(続きを読む…)

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

ハイクオリティなphotoshopブラシまとめ「80 All-You-Need Photoshop Brushes」

デザインに役立つphotoshopブラシ、非常にたくさんの種類が公開されていることもあり、よく利用されている方も多いのではないでしょうか?そんな中今回紹介するのは、ハイクオリティなphotoshopブラシまとめ「80 All-You-Need Photoshop Brushes」です。


Free Hi-Res Watercolor Photoshop Brushes | BittBox

80種類もの豊富なブラシが多彩な種類で収録されており、デザイン制作に必ず役に立ってくれそうです。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

グランジがかったチェックのフリーテクスチャ「7 Diagonal Checkered Grunge Textures」

さまざまな種類のテクスチャの中でも、グランジがかった雰囲気のあるタイプはよく利用されていて、種類豊富にストックされている方も多いと思います。今回はそんなグランジをチェック柄にかけたテクスチャセット「7 Diagonal Checkered Grunge Textures」を紹介したいと思います。

斜めに入ったダークトーンのチェックと味のあるグランジとのミックスの個性が光るテクスチャとなっています。

詳しくは以下

(続きを読む…)

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

WEBデザイナー必携の15のブックマークレット「15 Must-Have Bookmarklets」

定期的に利用するサービスにおいて非常に便利なブックマークレット。様々なサービスで様々なブックマークレットが公開されていますが、今日紹介するのはWEBデザイナー、WEBデベロッパーには欠かせないブックマークをまとめたエントリー「15 Must-Have Bookmarklets For Web Designers And Developers」から必須の15のブックマークレットを紹介したいと思います。


WTFramework – Learn JavaScript Framework Used

構築から、調査、まで様々なWEBデザイン、開発に役立つブックマークレットが公開されていましたので、いくつか下記に紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:11  |  
Category: WebService   
2013年12月19日

2013年に人気を博したフリーフォントのまとめ「Best Free Fonts of 2013」

2013年も12月に入り終わりが見えてきました。今年は皆さんにとってどんな一年だったでしょうか。今回紹介するのは、今年を振り返る意味も込めて、2013年に人気を博したフリーフォントをまとめたエントリー「Best Free Fonts of 2013」です。

bffo2013_0
Hapna Mono – The Northern Block

今年見かけたフォントの中でも、特に印象の強かった完成度の高いフリーフォントが集められているように思います。その中でも特に気になったものをピックアップしましたので、下記よりご覧ください。

Anson font – By Mikko Nuuttila
角と丸みの共存した、統一感のあるシンプルなフォント。どんなデザインにも合わせることができそうです。

bffo2013_1
 
 
 
 
 

Norwester – A Font by Jamie Wilson
太く力強いけれども、全体的な丸みを持った優しさも感じるフォント。見出しやロゴにオススメ。

bffo2013_2
 
 
 
 
 

V.GER Grotesque on Behance
全て決められた角度や比率によって作られたフォント。統一感を演出できるとともに、デジタルで未来的な雰囲気も演出することができます。

bffo2013_3
 

今年のフォントを振り返ってみると、「力強さと優しさ」や「繊細性と主張性」など、異なる要素同士をミックスした、バランスの良いフォントが人気を博しているように思います。
来年はどんなトレンドが来るのでしょうか。フォントの他にもさまざまなデザイン要素を通して、その動向を注視していきたいですね。

Best Free Fonts of 2013 | Freebies

続きを読む
posted 09:00  |  
Category: Design , Font   
2018年09月02日

手書きのワイヤーフレームからHTMLに自動変換してくれるMicrosoft「Sketch 2 Code」

WEBを制作する際のフローとして、まずは手書きでワイヤーフレームを設計してそれらを固めてから、実制作に移るという方は多いのではないでしょうか?今日紹介するのは、手書きのワイヤーフレームからHTMLに自動変換してくれるMicrosoft「Sketch 2 Code」です。

sketch2

こちらは、2018年8月に公開されたもので、現在はailab/Sketch2Code at master · Microsoft/ailab · GitHubにて公開されています。開発者インタビューや実際の利用シーンがまとめられた動画が公開されていましたので以下からご覧ください。

動画は以下から

(続きを読む…)

続きを読む
posted 11:40  |  
Category: Tool , WebDesign   
2013年05月31日

さまざまなスクラッチ柄を表現できるPhotoshopブラシまとめ「A Collection of Free Scratch Brushes for Photoshop」

素材感を感じさせたいデザインを制作する際には、テクスチャから模様を抽出したりといろいろな工夫が必要となりますが、一つ一つのパーツ制作に時間もかかってしまいます。そんな中今回紹介するのが、さまざまなスクラッチ柄を表現できるPhotoshopブラシをまとめた「A Collection of Free Scratch Brushes for Photoshop」です。


scratch II by ~ShadyMedusa-stock on deviantART

金属でこすったようなスクラッチ柄から、えんぴつで描かれたようなスクラッチ柄まで、表現力の高いブラシばかりが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:32  |  
Category: Design , Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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