作成者別アーカイブ: designdevelop

2016年08月29日

ミニマルでベクターで扱えるフリーアイコンセット「1800 Free Minimal Icons」

デザインやインターフェイスを作りこむ上で重要なアイコン。シンプルなアイコンはどんなデザインにもマッチし制作現場においては非常に重宝します。今回紹介するのはミニマルでベクターで扱えるフリーアイコンセット「1800 Free Minimal Icons」です。

free1800

制作にかなり配慮して制作されたアイコンセットのようで、普通のアイコンセットには無い細かい配慮がなされた上で配布されています。

詳しくは以下

(続きを読む…)

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

アプリやウェブサービスに最適なお天気アイコン「Free Weather Icons」

天気は私達の生活には欠かせない情報の一つであり、それだけに求められるシーンも非常に多く、数多くのサービスやアプリがリリースされています。そんな天気情報をひと目で理解できるようにしてくれるのが天気のマーク。今日紹介するのはアプリやウェブサービスに最適なお天気アイコン「Free Weather Icons」です。

weather_icons

このアイコンセットは基本的な天気のアイコンがまとまっており、全部で16のマークがセットとなっています。

詳しくは以下

(続きを読む…)

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

画像に併せて最適なグラデーション背景を出力できる「Grade.js」

デザインにおいて配色はとても重要な要素であり、かつ難しいものでもあります。単色同士の掛け合わせのみならず、写真にも色は数多く使われており、利用する写真によっても合う色、合わない色があります。今日紹介するのは画像に併せて最適なグラデーション背景を出力できる「Grade.js」です。

gradejs

このjavascriptはgradient-wrapというclassで指定した要素内の画像に応じて、その配色を読み取り、画像を引き立てるのに最も有効なグラデーション背景を生成してくれるjavascriptとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:32  |  
Category: javascript , WebDesign   
このエントリーをはてなブックマークに追加
2016年08月26日

javascriptとCSSで写真にフィルタ効果を与えるライブラリ「Philter」

Instagramなどを始め写真共有アプリでは気軽に写真に豊富なフィルタがかけられ多くの方が利用しており、フィルタによって創られた色味や風合いは写真のクオリティを大きく向上させてくれます。今日紹介するのはjavascriptとCSSで写真にフィルタ効果を与えるライブラリ「Philter」です。

pf_01

パラメーターを調整するだけWEB上で表示された写真にフィルタと同じような効果をかけることが可能です。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:41  |  
Category: javascript , WebDesign   
このエントリーをはてなブックマークに追加
2016年08月25日

【商用可】食べ物・飲み物アイコンセットの決定版「100 Colored Food & Drink Icons」

一般的なピクトグラム的なアイコンセットはよく見かけますが、特定の分野で多くのアイコンが収録されたアイコンセットはなかなか無く、合ったとしてもなかなか全てを網羅しているというものは少ないと思います。今日紹介するのは100個の食べ物をアイコン化したアイコンセット「100 Colored Food & Drink Icons」です。

100food01

野菜、魚介、チーズ、香辛料、果物などなど様々な食物をモチーフにアイコンが制作されています。収録アイコンは以下からご覧ください。

詳しくは以下

(続きを読む…)

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

ローディングアニメなどに利用できるシンプルなCSSスニペット「SpinKit」

小気味の良いアニメーションはWEBデザインのアクセントとなり、よりクオリティを高めてくれますが、今回紹介するのはローディングアニメなどに利用できるシンプルなCSSスニペット「SpinKit」です。

animecss01

このアニメーション画像などは一切利用せずには全てCSSで書かれており、HTMLとCSSを書くだけ簡単に実装することが可能です。

詳しくは以下

(続きを読む…)

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