タグ「DesignDevelop」 - はてブログ

タグ DesignDevelop

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 182件)

デザイナーのためのフリーAdobe XD用UIキット20種「20 Free Adobe XD UI Kits For Web & Mobile App Designers」 | DesignDevelop

2018/07/28 82 users Sketch 頭角 Photoshop 正式リリース web

デザイナーのためのフリーAdobe XD用UIキット20種「20 Free Adobe XD UI Kits for Web & Mobile App Designers」数年前まで、UIデザインはPhotoshopとSketchを中心に行われていましたが、2017年に正式リリースをしたAdode XDが着実にアップデートを重ね、新たなUIデザインツールとして頭角を表してきています。今回は... 続きを読む

ログインをもっと快適にオープンソースのログインフォーム10選「10 Open Source Login Pages Built With HTML5 & CSS」 | DesignDevelop

2018/03/06 158 users ログインページ CSS クオリティオープンソース参考

ログインをもっと快適にオープンソースのログインフォーム10選「10 Open Source Login Pages Built With HTML5 & CSS」会員登録ページや管理画面へのアクセスに使用するログインページ。シンプルなものが一般的ですが、こだわりを見せることでサイトのクオリティは高まります。今回はそんな時に参考にしたい、オープンソースのログインフォーム10選「10 Open S... 続きを読む

アナログゲームのイメージをデザインにピクセルアイコンセット「Mario Pixel Icon Collection」 | DesignDevelop

2018/02/19 68 users アイコンセットオブジェクト DESIGN アナログゲーム

TOP > Design > アナログゲームのイメージをデザインにピクセルアイコンセット「Mario Pixel Icon Collection」アナログな雰囲気を演出するには、手描き文字やイラスト、かすれた色合いのオブジェクトなどが使用されることが多いですが、今回紹介するのは、まるでアナログゲームの世界を再現したかのようなアイコンセット「Mario Pixel Icon Col... 続きを読む

プレビューで簡単！CSSアニメーションがブラウザ上で作れる「animista」 | DesignDevelop

2017/04/01 58 users プレビュー CSSアニメーションアニメーション箇所手間

Webデザインを彩るCSSアニメーション。実装時にはデザインのイメージに合わせて、細かな調整を加えたり、なかなかに手間がかかる箇所でもあります。そんな手間がかかる調整工程を省ける、ブラウザ上でアニメーションが作れるツール「animista」を今回は紹介したいと思います。ブラウザ上でプレビューしながら細かな動きを調整して、タグをコピペするだけでCSSアニメーションが実装できる便利なツールです。詳... 続きを読む

クリエイティブな管理画面のためのインスピレーション集「20 Inspirational Dashboard Designs」 | DesignDevelop

2017/01/22 57 users CMS ダッシュボードフロント操作自ら

CMSなどのシステムの管理やユーザーが自らの情報を操作・管理を行う、管理画面/ダッシュボード。基本的にフロントでは表示されないため、デザインに拘らない場合も多いのですが、今日紹介するのクリエイティブな管理画面のためのインスピレーション集「20 Inspirational Dashboard Designs」です。 iPad Dashboard 管理画面/ダッシュボードのデザイン事例が全部で20集め... 続きを読む

CSS3 Flexbox UIパターン集「Flexbox Patterns」 | DesignDevelop

2016/06/06 165 users Flexbox レスポンシブ CSS ユー現状

CSS3で利用できるようになったFlexbox。WEBアプリやレスポンシブを想定して開発されたものですが、まだまだ現場ではそれほど普及していないのが現状です。今日紹介するのはそんなFlexboxを理解・利用するための様々なUIを簡単に利用できるCSSのFlexbox UIパターン集「Flexbox Patterns」です。「Flexbox Patterns」は利用しやすくなるようにそれぞれのユー... 続きを読む

デザイン性の高いUIデザインを100日紹介するサイト「100 Days UI」 | DesignDevelop

2015/10/12 75 users グラフチャートカウントダウン UI設計設計

デザインベースを作り上げるのに必要なUI設計。またその先の設計に基づいたデザイン性のあるクリエイティブも重要となってきます。今回はそんなシーンで参考にしたい、デザイン性の高いUIデザインを100日紹介するサイト「100 Days UI」を紹介したいと思います。いろいろな種類のデザインUIがピックアップされリストギャラリーとなり紹介されています。詳しくは以下グラフやチャート、カウントダウン、プ... 続きを読む

HTML5のフリーレスポンシブテンプレート「50 Free Responsive HTML5 Web Templates」 | DesignDevelop

2015/06/18 57 users HTML Cafe コスト構成設計

webサイトを制作する際には、デザインだけでなく全体の構成などの設計が必要となってきます。しかしコストや時間の関係でなかなか思ったようにデザインできないこともあるのではないでしょうか？そんな時に参考にしたい、HTML5のフリーレスポンシブテンプレート「50 Free Responsive HTML5 Web Templates」を紹介したいと思います。 Cafe & Restaurant Free... 続きを読む

魅力的なデザインフリーフォントを集めた「New Amazing Free Fonts for Designers」 | DesignDevelop

2015/06/17 50 users フォント on Behance 種類デザインネット上

いろいろな種類のフォントがネット上からダウンロードできるようになっており、デザインに合わせてさまざまな種類が選べるようになっています。そんな中今回は、魅力的なデザインフリーフォントを集めた「New Amazing Free Fonts for Designers」を紹介したいと思います。 Tinov free font. on Behance デザイン性に優れたフリーで使用できるフォントが厳選され... 続きを読む

フリーで使用できるpsdアイコンを集めた「Free PSD Icons: 800+ Icons for Designers」 | DesignDevelop

2015/06/07 52 users アイコン種類テーマ

非常に便利なツール・アイコン。さまざまな種類が配付されており、いろいろな種類を集めている方も多いのではないでしょうか？そんな中今回紹介するのは、フリーで使用できるpsdアイコンを集めた「Free PSD Icons: 800+ Icons for Designers」です。 Line icon set on Behance 定番タイプから、個性的なテーマで展開されたものまで、いろんな種類のアイコン... 続きを読む

インフォグラフィック等のグラフィックデザインに活用できるフリーデータまとめ「Free Infographic Vector Graphics Design Elements」 | DesignDevelop

2015/05/21 52 users Freebie Dribbble インフォグラフィック手間

デザイン制作をする際には、さまざまな素材が必要になってきますが、1からすべてを制作していると時間と手間がかかってしまうもの。今回はそんな時に利用したい、インフォグラフィック等のグラフィックデザインに活用できるフリーデータまとめ「Free Infographic Vector Graphics Design Elements」を紹介したいと思います。 Dribbble – Freebie – Vec... 続きを読む

デザイナー必見いろいろな種類の最新フリー素材をピックアップしたまとめ「50 Free Resources for Web Designers from March 2015」 | DesignDevelop

2015/04/12 76 users Dribbble Web Designers 種類素材参考

インターネット上には膨大な数の素材が存在しており、時にどこから探して良いのか迷ってしまうこともあるのではないでしょうか？そんな時参考にしたい、いろいろな種類の最新フリー素材をピックアップしたまとめ「50 Free Resources for Web Designers from March 2015」を紹介したいと思います。 Dribbble – Free SVG Device Templates... 続きを読む

HTML・PSD形式のフリーテンプレート集「20 Free HTML and PSD Templates」 | DesignDevelop

2015/03/07 60 users デザインクオリティ Dribbble フリーテンプレート集

フリーで配布されているテンプレートを使用することで、制作コストのカットやデザインクオリティのアップなど、さまざまな利点を得ることができます。そんな中今回紹介するのは、HTML・PSD形式のフリーテンプレート集「20 Free HTML and PSD Templates」です。 Dribbble – FREEBIE PSD: Flat UI Kit by Nik Pletikos いろいろなタイプ... 続きを読む

デザイン性の高いフリーフォントの最新版まとめ「Collection of New & Free Fonts for February 2015」 | DesignDevelop

2015/02/27 52 users フリーフォントフォント主流高いフリーフォント数々

デザインが進化するのに伴い、配布されているフリーフォントもどんどんと新しいものが公開され続けています。そんな中今回紹介するのは、デザイン性の高いフリーフォントの最新版まとめ「Collection of New & Free Fonts for February 2015」です。 ONE DAY – Free Font on Behance 新しいタイプの、主流のデザインにもマッチするフォントの数々... 続きを読む

さまざまなUIをPhotoshopで作り出せるチュートリアル集「36 Photoshop Tutorials For iPhone App UI Design」 | DesignDevelop

2015/02/09 58 users パーツベース Photoshop 参考タイプ

デザインのベースとなるUI。パーツとしてはさまざまなタイプが存在しており、すべてを1から作り上げるのはとても大変なもの。今回はそんな時に参考にしたい、さまざまなUIをPhotoshopで作り出せるチュートリアル集「36 Photoshop Tutorials For iPhone App UI Design」を紹介したいと思います。 Create a Mobile Shopping App Des... 続きを読む

CSSのみでアイコンを表現できる「icono」 | DesignDevelop

2015/01/26 67 users デザインアイコン CSS SVG psd アイコンセット

さまざまなデザインアイコンが配布されており、制作している環境に合わせて使い分けるために、aiやpsd、png、svgなどダウンロードできる形式もさまざま。そんな中今回は、webサイト構築時にそのまま利用できる「icono」を紹介したいと思います。 CSSのみでアイコンを表現できる、クラスを指定するだけで表示が可能な、非常に便利なアイコンセットとなっています。詳しくは以下 CSSなので、色を変える... 続きを読む

webサイトの動きを魅力的に演出するフリーjQueryプラグイン集「Free jQuery Plugins To Create An Amazing Website」 | DesignDevelop

2015/01/25 232 users 参考デザイン Webサイト

デザインだけでなく、独自の動きを取り入れることでwebサイトはより魅力的なものに変化します。今回はそんな時に参考にしたい、webサイトの動きを魅力的に演出するフリーjQueryプラグイン集「Free jQuery Plugins To Create An Amazing Website」を紹介したいと思います。 jquery.adaptive-backgrounds.js • A jQuery p... 続きを読む

丸みを帯びたデザインが特徴のフリーアイコンセット「Essential Generic Free Icons (SVG & PNG)」 | DesignDevelop

2014/12/30 70 users SVG PNG フリーアイコンセットテイスト丸み

デザイン制作に便利な素材の一つとしてあげられるアイコン。種類やテイストにもさまざまな種類が存在しています。そんな中今回紹介するのは、丸みを帯びたデザインが特徴のフリーアイコンセット「Essential Generic Free Icons (SVG & PNG)」です。ぽってりとした質感が印象的な、かわいらしい雰囲気のアイコンが100個セットでダウンロードできるようになっています。詳しくは以下... 続きを読む

サイトマップやレイアウト構築に便利なUIキット「Website Flowcharts」 | DesignDevelop

2014/12/07 136 users レイアウト構築全体像制作必須

webサイトの制作をスタートする前には、レイアウトの構築やサイトマップの作成が必須。それをすることで、サイトの全体像を把握しながら計画的にデザインをすることができます。今回はそんな企画時に是非利用したい便利なUIキット「Website Flowcharts」を紹介したいと思います。いろいろなレイアウトのフォーマットUIイメージが72種揃っており、組み合わせをすることでサイトイメージをふくらませる... 続きを読む

未来のイメージを感じさせてくれるフォント13選「13 Free Futuristic Fonts For Download」 | DesignDevelop

2014/11/30 67 users FontSpace 近未来フォントデザインテイストシーン

デザインテイストの中で、近未来をイメージさせる個性的なデザインを手がけること、時にはあるかもしれません。今回はそんなシーンに最適なフォント13選「13 Free Futuristic Fonts For Download」を紹介したいと思います。 Moonhouse font by NimaVisual – FontSpace 独特の未来的な雰囲気を醸しだしているフォントが13種、厳選され紹介され... 続きを読む

ポートフォリオサイト作成に最適なフリーWordPressテーマ「Free Wordpress Themes For Creative Portfolios」 | DesignDevelop

2014/11/29 75 users ポートフォリオサイト slider クオリティサイト自体

自身のこれまでに作成してきた作品を一般に広く公開するために利用されるポートフォリオサイト。作品はもちろんですが、サイド自体のクオリティを高めることでより作品が魅力的に見えてくるのではないでしょうか？そんな中今回紹介するのは、ポートフォリオサイト作成に最適なフリーWordPressテーマ「Free WordPress Themes For Creative Portfolios」です。 Slider... 続きを読む

webサイトに魅力的な動きを演出可能なjQueryプラグイン「A Cool Collection Of jQuery Plugins To Make Your Website More User Friendly」 | DesignDevelop

2014/11/08 63 users 見栄え jQueryプラグイン演出 Webサイト

シンプルなwebサイトももちろん魅力的ですが、独特な動きを取り入れることでもっと見栄えの良いサイトに仕上げることができるのではないでしょうか？今回はそんな時に利用したいjQueryプラグイン「A Cool Collection Of jQuery Plugins To Make Your Website More User Friendly」を紹介したいと思います。 Textillate.js ち... 続きを読む

デザイナー必見ハイクオリティなフリーストックフォトサイトまとめ「10 More Websites for Free Stock Photos」 | DesignDevelop

2014/10/18 96 users ストックフォト Public デザイナー必見予算シーン

デザインの素材として欠かせないものの一つとして取り上げられる写真。しかし時には撮影の予算がなく、ストックフォトから写真を選ばなくてはならないことも。今回はそんなシーンにおすすめな、ハイクオリティなフリーストックフォトサイトまとめ「10 More Websites for Free Stock Photos」を紹介したいと思います。 Skitterphoto | Free to use public... 続きを読む

サイトの動きに魅力を与えるフリーjQuery&CSS3ホバーエフェクトまとめ「A Wonderful Collection Of Free jQuery & CSS3 Image Hover Effects」 | DesignDevelop

2014/10/16 91 users 魅力 Webサイト意外性デザイン性

webサイトをより魅力的に見せるためには、デザイン性はもちろんですが、意外性のある動きなどを取り入れることで実現することも。今回はそんなサイトの動きに魅力を与える、フリーjQuery&CSS3ホバーエフェクトまとめ「A Wonderful Collection Of Free jQuery & CSS3 Image Hover Effects」を紹介したいと思います。 Direction-Awar... 続きを読む

(1 - 25 / 182件)

次の25件 »