TOP  >  キット

Tag : キット

2018年06月09日

UIデザインやWebデザインに役立つフリーのhtml UIキット「25 Fresh Free HTML UI Kits」

Webやアプリケーションのデザインに欠かせないUI設計。しかし使いやすく最適なUIデザインを一から考えるのは中々手間がかかるもの。今回ご紹介するのはそんなデザイナーの方におすすめしたい、最新のUIデザインキット「25 Fresh Free HTML UI Kits」です。

html0609
GitHub – ElemeFE/element: A Vue.js 2.0 UI Toolkit for Web

CSSやHTMLの知識が必要にはなりますが、使いやすく多彩なシーンで活躍できるUIデザインキット25種類が紹介されています。さらにその中から幾つかおすすめのUIキットをピックアップしてみましたのでご覧ください。

詳しくは以下
(続きを読む…)

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

webサイトからプレイヤーリストまで トレンドを感じさせるデザインを詰め込んだUIキット「Clippers UI Kit Free Sample」

トレンドを取り込んだUI設計を行うことは非常に重要ですが、一から行っていくことはとても大変。そんなときに知っておくと便利なUIキット「Clippers UI Kit Free Sample」を今回は紹介いたします。

Clippers-UI-free-sample_top

UIキットには様々な種類がありますが、最新のトレンド感あふれるデザイン性が魅力のUIキットです。

詳しくは以下

(続きを読む…)

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

美しい水彩で描かれたフラワー素材キット「Lunar Flower Watercolor Kit」

筆で描き出す水彩を使ったグラフィックは、デザインに美しさや彩りを与えてくれます。しかし高い描写技術が求められることもあり、簡単に取り入れるのが難しいことも。そんな時に参考にしたい、水彩で描いた美しい花のビジュアル素材キット「Lunar Flower Watercolor Kit」を紹介したいと思います。

flower0512_1

アンティークな雰囲気も感じさせてくれる、カラフルな色合いのフラワーイラストとフレームなどの素材がセットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

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

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

2017年01月16日

イラストレーションの組み合わせて独自のパターンが生成できる「patterninja」

デザインの素材として世界観を創るのに便利なパターン素材。イラストレーターやフォトショップを利用している人であれば簡単に制作もできますが、それでも少しは時間がかかります。今日紹介するのはオンライン上で簡単にイラストレーションの組み合わせて独自のパターンが生成できる「patterninja」です。

pertten

基本的にベースのカラーを選び、そこにイラストレーションを重ねていくという方法でパターンを生成していきます。元々セットされているイラストレーションから生成もできますし、自分で用意した画像をアップロードして利用することも可能です。幾つかパターンを制作してみましたので以下からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:00  |  
Category: Design , WebService   
2010年03月26日

CSS3で作るナビゲーションメニュー集「15 CSS3 Navigation and Menu Tutorials and Techniques」

次世代のコードとして、すでに利用している所も徐々に増えてきたCSS3。従来のCSSと比べて格段に表現できる幅が広がっており、今までどうしても画像を利用したり、FLASHで表現していた部分がCSSのみで実現できるようになっています。今日紹介するのはそんなCSS3を使ったナビゲーション集「15 CSS3 Navigation and Menu Tutorials and Techniques」を紹介したいと思います。

css3menu_01
jQuery Style Vertical Menu with CSS3 – No Javascript

様々な表現のCSS3ナビゲーションがまとめられています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:34  |  
Category: WebDesign   
2011年02月05日

文字を大胆にレイアウトしたwebサイトまとめ「Big Typography In Web Design」

webサイトにもさまざまなデザインが存在していますが、メインとなるビジュアルがないシーンもよくあるかと思います。今回はそんな状況にも対応できる、文字を大胆にレイアウトしたwebサイトまとめ「Big Typography In Web Design」を紹介致します。


My Portfolio

フォントをダイナミックに使用し、サイトのTOPを飾るメインビジュアルとしてデザインされたweb事例を多数閲覧することができます。中でもいくつか気になったものを以下にピックアップしましたので、ご覧ください。

詳しくは以下

Denise Chandler :: Designer, Freelancer, Warrior Poet
イラストとフォントを組み合わせて、一度見たら忘れられないようなインパクトの強いサイトに仕上がっています。

The Announcement – Time For Change – Sofasurfer is now Digitallabs
ブラックの背景に映える白い大きなフォントが印象的。シンプルなデザインが好きな方におすすめのテイストです。

Hull Digital Live 09 · Hulls first digital and technology conference.
手書き風の文字を使っているので、アナログ感がより強調されています。

デザインテイストもクオリティの高いものばかりで、webデザインのアイデアソースとしても最適。是非参考にしてみてください。

Big Typography In Web Design – Web Design Blog – DesignM.ag

続きを読む
posted 11:49  |  
Category: Design , WebDesign   
2011年11月22日

麦わらや干し草のテクスチャまとめ「35 Free Straw and Hay Textures」

植物などをモチーフにしたテクスチャ素材は、デザイン制作の際に非常に重宝します。たくさんの種類を知っていることで、さらにデザインの幅はさらに広がるはずです。そこで今回は、テクスチャ素材のストックに是非取り入れたい、麦わらや干し草のテクスチャ素材をまとめた「35 Free Straw and Hay Textures」を紹介したいと思います。


Hay Texture by ~WKJ-Stock on deviantART

キレイに整頓された麦わらや、土の上に無造作にかぶさった枯れ草など、さまざまなシーンのテクスチャがラインナップされています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2017年11月14日

クリスマスを楽しもう!サンタやトナカイなどのキュートなアイコンセット「Free Christmas Icon Bundle in SVG & PNG Formats」

冬の一大イベントクリスマス。街中もそろそろクリスマスカラーに染まってきた頃なのではないでしょうか?今回はそんなクリスマスに向けて、これからの季節に最適なクリスマスをモチーフとしたキュートなアイコンセット「Free Christmas Icon Bundle in SVG & PNG Formats」をご紹介します。

free-christmas-icon-bundle1

丸みのある可愛らしいタッチで描かれたアイコンが70種類も揃った、クリスマスにぜひ使いたい便利なアイコンセットです。

詳しくは以下
(続きを読む…)

続きを読む
posted 09:00  |  
Category: vector   
2008年07月25日

様々なWEBデザインエレメントのデザイン集「Pattern Tap 」

Desingdevelopでは「404ページのデザイン集「49 Nice And Creative Error 404 Pages 」」や「コメント部分のデザイン集「30 Must See Comment Designs」」とWEBデザインの一部分に特化したデザイン集を今まで紹介してきましたが、今日紹介するのはそんなWEBデザインの特定の箇所のデザインを分類してまとめたデザイン集「Pattern Tap」です。

「404pages」「Calendars」「Buttons」などなどWEBデザインでは欠かせない部分のデザインが集められ、まとめられています。現在46のエレメントが公開されていて、それぞれ数十個のデザインサンプルが収録されています。今日は公開されている物の中から気になる物をいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:47  |  
Category: Tool , WebDesign   
tag: webdesign
2009年05月30日

商用可!回路図や電子基板のフリーphotoshopブラシセット「16-blueprints-schematics Photoshop Brushes」

デザインを行なう上で、便利な素材な一つが回路図や電子基板の幾何学的な模様。特定の分野のデザインで世界観をつくるのにとても便利です。今日紹介するのはそんな回路図や電子基板のフリーphotoshopブラシセット「16-blueprints-schematics Photoshop Brushes」です。

kairo00

上記のような回路図のphotoshopブラシが高解像度で収録されています。設計図などを素材として作るときには便利そうですね。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:18  |  
Category: Design , Photoshop   
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   
2007年12月16日

最大2560×1920の高解像度テクスチャを無料配布する「Mayang’s Free Textures」

デザインのクオリティの決め手となるテクスチャ素材。質感を表現したり、リアリティを与えたりと色々な場面でお世話になります。最近ではWEBデザインでも多く使われていて、デザインをしていく上で重要な要素の一つです。

3400以上のフリーテクスチャ配布サイト

今日紹介する「Mayang’s Free Textures」はそんなテクスチャ画像をフリーでしかも高解像度で配布してくれるサイトです。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:02  |  
Category: Design   
tag: 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   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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