TOP  >  トグル

Tag : トグル

2017年12月18日

クリスマスなWebデザインのアクセントに!グラフィカルなトグルボタン「CodePen – Bauble Toggle」

クリスマスまであと数日。デザインのちょっとした部分にもクリスマス感を取り入れることで、より気分を高めることができるのではないでしょうか。そんな中今回ご紹介するのは、クリスマス気分を盛り上げてくれるグラフィカルなトグルボタン「CodePen – Bauble Toggle」です。

codepen-bauble-toggle1
CodePen – Bauble Toggle

クリスマスのオーナメントをイメージさせるイラストがボタンになった、可愛らしいトグルボタンです。

詳しくは以下

(さらに…)

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

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

2012年03月06日

自然な雰囲気を感じられる葉をモチーフにしたパターン素材まとめ「70+ Leaves Pattern for Nature Inspired Designs」

新芽が芽吹く春が近づいてくると、自然を意識したデザイン制作も多くなってくるのではないでしょうか?今回は、そんな自然な雰囲気を感じられるデザイン制作にぴったりな、葉をモチーフにしたパターン素材をまとめた「70+ Leaves Pattern for Nature Inspired Designs」を紹介したいと思います。


Organic Black | Pattern8

グリーンの葉はもちろん、さまざまな季節を感じられるパターンが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:39  |  
Category: Design   
2013年02月04日

デジタルな雰囲気を表現できるフォントまとめ「A Collection Of Free Digital/LCD Fonts For Designers」

パソコンやスマートフォン、サイネージ広告など、インターネットやデジタル機器を利用した生活が当たり前のようになっていますが、SF映画などの作品でもさらに進歩した世界観を表現した作品も多く、よりデジタルの世界観を誇張したデザインを求められることもあるのではないでしょうか?今回はそんなデザイン制作時におすすめな、デジタルな雰囲気を表現できるフォントをまとめた「A Collection Of Free Digital/LCD Fonts For Designers」を紹介したいと思います。


Clubland font | UrbanFonts.com

デジタル時計のようなフォントやドットを利用したフォントなど、さまざまなフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:37  |  
Category: Design , Font   
2018年03月24日

カラフルで個性的なマーブルテクスチャセット「Paper Marbling Textures Vol.4」

テクスチャはデザインにアクセントを加えてくれる優れたアイテムです。色鮮やかなデザインにはシッックで落ち着いた雰囲気のものを合わせるなど表現は様々です。今回紹介するのは、カラフルで個性的なマーブルテクスチャセット「Paper Marbling Textures Vol.4」です。

MarblingTextures_01

色も見た目も様々なマーブルが綺麗に表現されたテクスチャのセットです。

詳しくは以下

(さらに…)

続きを読む
2015年08月23日

デザイナーが参考にしたい 主流デザインとマッチするデザインフリーフォントまとめ「New Modernistic Free Fonts for Designers」

デザインする上で重要な存在となるフォント。イメージとマッチしたフォント選びに苦労することも少なくないのではないでしょうか?そんな中今回は、主流デザインとマッチするデザインフリーフォントまとめ「New Modernistic Free Fonts for Designers」を紹介したいと思います。

font0823_1
Chivo on Behance

デザイナーがぜひ参考にしたい、ハイセンスなフォントがピックアップされ紹介されています。気になったものを以下よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Font   
2008年10月21日

商用可!ロイヤリティーフリーの音源をジャンル別にダウンロードできる「SOUND JAY」

上手く使えば良い演出となる、音源をジャンル別にダウンロードできるサイトが今回紹介する「SoundJay.com – Free Sound Effects」です。かなり細かくジャンル分けされていて、バックグラウンド、ボタンサウンド、メカっぽい音、ミュージックなど様々な音源が配布されています。

カテゴリー内でもかなりバリエーション豊かで例えば、「Ambient Sound Effects」では、空港のゲート、バス内部、遊んでいる子どもなど、様々な音が配布されています。

詳しくは以下

(さらに…)

続きを読む
posted 02:08  |  
Category: WebDesign   
tag: webdesign
2014年08月23日

ECサイトなどで活用できる フリークレジットカードアイコンセットのまとめ「27 Free Credit Card Icon Sets for Online Web Shops」

インターネット上でショッピングをする際の決算方法として、クレジットカードを使用する方は非常に多いと思います。決済は非常に重要な工程であるため、デザイン的にも分かりやすく案内してあげることが重要。今回はそんな時に必要な素材の一つ・クレジットカードビジュアルをアイコン化した「27 Free Credit Card Icon Sets for Online Web Shops」を紹介したいと思います。

credit-cards1
Dribbble – 1 Color Credit Icons by Chad Pugh

さまざまな表現のクレジットカードのアイコンセットが、27種まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

Webデザインに役立つECサイトを想定したUIキット「M989 Website UI Kit」

ユーザーの動線やサイトの使いやすさに深く関わるUI設計。特にUIがユーザーのコンバージョンに直結するようなECサイトなどの場合、その設計は非常に重要な行程です。今回ご紹介するのは、そんなECサイトでのUI制作に役立つECサイトを想定したUIキット「M989 Website UI Kit」です。

m989-website-ui-kit1

シンプルながらもポピュラーな親しみやすさのあるUIデザインのキットです。

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

続きを読む
posted 09:00  |  
Category: WebDesign   
2011年01月25日

サインアップ画面デザインのまとめ「Showcase of 40 Pricing Tables and Signup Pages」

オンラインの有料サービス登録時に出現するサインアップ画面。普段何気なく使用していますが、内容や値段等の分かりやすさがとても重要になってきます。そこで今回紹介するのは、サインアップのwebページデザインまとめ「Showcase of 40 Pricing Tables and Signup Pages」です。


Eleven2 – Sign Up

プライスやプラン、その内容などをデザイン性を保ちながら明確に表現した例が多数収録されています。下記にいくつかピックアップしましたので、ご覧下さい。

(さらに…)

続きを読む
posted 11:51  |  
Category: Design   
2011年11月05日

160のアイコンが収録されたフリーpsdアイコンセット「Tiny Icons」

WEBデザインには欠かせない素材の一つアイコン。多くの問題を解決してくれる、素晴らしい素材です。今日紹介するのは、psdで配布されて、カスタマイズ可能な160のアイコンが収録されたフリーpsdアイコンセット「Tiny Icons」です。

WEB上で必要なアイコンをほぼ網羅してくれており、シンプルなのでかなり使い勝手が良いアイコンセットです。

詳しくは以下

(さらに…)

続きを読む
posted 10:33  |  
Category: Design , Photoshop , WebDesign   
2012年05月20日

商用利用可!地図上の位置を知らせる、ベクターロケーションピンセット「Free Vector Map Location Pins」

現在、多くの地図サービスがリリースされており、提供されているAPIを利用してオリジナルのピンをマップ上に表示したり、情報をプロットして、地図をベースで見せるWEBページなどもコンテンツによっては求められてたりしますが、強紹介するのは地図上の位置を知らせる、ベクターロケーションピンをまとめたFree Vector Map Location Pins」です。

カラフルで、ユニークなロケーションピンがまとめて配布されています。収録されているロケーションピンは以下のとおりです。

詳しくは以下

(さらに…)

続きを読む
posted 04:53  |  
Category: Design , Photoshop , vector , WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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