タグ Dribbble
人気順 5 users 10 users 100 users 500 users 1000 users年々進化しているボタンをデザインするポイントを解説、デザイナーの追求に終わりの文字はない | コリス
Webデザインにおいて、ボタンの存在は欠かせません。検索する時、サイトにログインする時、ソーシャルでシェアする時、ショッピングカートに入れる時、たくさんのボタンが使用されています。 これらボタンのデザインはWeb業界と共に進化し続け、気がついたら数年前のデザインだったということもあるでしょう。 年々進化しているボタンがどのように変わってきたか、 Dribbble をベースにしてデザインするポイント... 続きを読む
2016年総まとめ、デザイナーやクリエイターたちはどんな名刺・ビジネスカードを使っているのか | コリス
コミュニケーションツールとして、ビジネスでもプライベートでも大切な名刺・ビジネスカードのセンス溢れるコレクションを世界中のデザイナーやクリエイターが集うdribbbleから紹介します。 年末に備えて、また来年に備えて、名 ...記事の続きを読む 続きを読む
プロカメラマンの価値について。「レタッチ前の写真も全て頂けますか?」に対する答え。 — Japanese Official — Medium
Medium Japan の翻訳メンバー/Pivotal Labsプロダクトデザイナー。 デザインや仕事に役立つ話を中心に、いいなと思ったストーリーを訳しています。たまに自分の文も投稿します。 dribbble:https://dribbble.com/erika__i プロカメラマンの価値について。「レタッチ前の写真も全て頂けますか?」に対する答え。 by caleb kerr カメラマンとして... 続きを読む
最近のWeb制作の勉強になる!Webサイトのワイヤーフレーム・ユーザーフローのまとめ | コリス
プロジェクトの関係者でないとなかなか目にすることができないワイヤーフレームやユーザーフローもdribbbleだと、たくさんアップロードされています。 最近のWeb制作の参考になりそうなワイヤーフレーム・ユーザーフローを紹 ...記事の続きを読む 続きを読む
ちょっとした手間で、デザインをちょっとよく見せる小ネタのまとめ | コリス
よいデザインとは、ちょっとしたことを積み重ねていくことが大切。 Webデザイン、カラー、PhotoshopやIllustratorなどのテクニックを磨く、デザインをちょっとよく見せる小ネタをDribbbleから紹介します。 画像: Girly Drop 複数のカラーから調和のとれたカラーパレットを作成 角丸パネルを重ねる時、それぞれの角丸をバランスよくする 円をよりくっきり見せる 滑らかなベジェ曲... 続きを読む
Web制作の参考になる!サイトマップやハイレベルサイトマップ、フローチャートなどのまとめ | コリス
他の人のサイトマップやフローチャートってなかなか見る機会がありませんよね。 そんな時は世界中のクリエイターが集まるDribbbleです。Dribbbleからサイトマップやハイレベルサイトマップ、フローチャートを紹介します...記事の続きを読む 続きを読む
インフォグラフィック等のグラフィックデザインに活用できるフリーデータまとめ「Free Infographic Vector Graphics Design Elements」 | DesignDevelop
デザイン制作をする際には、さまざまな素材が必要になってきますが、1からすべてを制作していると時間と手間がかかってしまうもの。今回はそんな時に利用したい、インフォグラフィック等のグラフィックデザインに活用できるフリーデータまとめ「Free Infographic Vector Graphics Design Elements」を紹介したいと思います。 Dribbble – Freebie – Vec... 続きを読む
Webデザインの引き出しを増そう!細部までこだわったUIデザインが参考になるDribbbleアートワークのまとめ | コリス
Webデザインのセンスを磨くには、いいものをたくさん見て引き出しを増やすこと。 最近公開されたUIデザインのアートワークをDribbbleから紹介します。 人気が高いのは、写真をより魅力的に見えるようにレイアウトすること...記事の続きを読む 続きを読む
デザイナー必見 いろいろな種類の最新フリー素材をピックアップしたまとめ「50 Free Resources for Web Designers from March 2015」 | DesignDevelop
インターネット上には膨大な数の素材が存在しており、時にどこから探して良いのか迷ってしまうこともあるのではないでしょうか?そんな時参考にしたい、いろいろな種類の最新フリー素材をピックアップしたまとめ「50 Free Resources for Web Designers from March 2015」を紹介したいと思います。 Dribbble – Free SVG Device Templates... 続きを読む
HTML・PSD形式のフリーテンプレート集「20 Free HTML and PSD Templates」 | DesignDevelop
フリーで配布されているテンプレートを使用することで、制作コストのカットやデザインクオリティのアップなど、さまざまな利点を得ることができます。そんな中今回紹介するのは、HTML・PSD形式のフリーテンプレート集「20 Free HTML and PSD Templates」です。 Dribbble – FREEBIE PSD: Flat UI Kit by Nik Pletikos いろいろなタイプ... 続きを読む
自宅でも快適に作業ができるお洒落で美しいワークスペース 30 | nanomal
パソコンとインターネットがあれば、どこでも作業ができるようになり、自宅で仕事をする人も増えてきました。一方で自宅では誘惑も多く作業が捗らない方も多いのではないでしょうか。そこで今回は多くのデザイナーが集まるDribbbleから快適に作業ができそうなお洒落で美しいワークスペースを集めてみました。 1. Ugmonk Studio Tour by Jeff Sheldon 2. My work pla... 続きを読む
ウェブデザインのセンスを磨こう! 2014年洗練されたディテールのUIデザインのまとめ | コリス
2014年、チェックしておきたいUIデザインをdribbbleから紹介します。 高解像度の.psdや.pngファイルをダウンロードできたり、動きをアニメーションgifで楽しめたりします。 2014年を振り返りつつ、来年はどんな素敵なデザインが生まれるのか楽しみですね。 GIF for the Weather App まずはUIの動きも楽しめるシリーズ。リンク先ではGIFアニメーションで動いています... 続きを読む
最新のデザイナーのためのフリー素材まとめ「Top 50 Free Resources for Designers from June 2014」 | DesignDevelop
デザイナーにとってもはや必要不可欠といっても良い程便利な存在となっているフリー素材。非常にさまざまな種類がインターネット上でダウンロードできるようになっています。そんなフリー素材の比較的最新のものをまとめた「「Top 50 Free Resources for Designers from June 2014」」を今回は紹介します。 (Dribbble – Freebie! Starnight H... 続きを読む
Webデザインのセンスを磨く!2014年上半期洗練されたディテールのUIデザインのまとめ | コリス
2014年上半期、チェックしておきたいUIデザインをDribbbleから紹介します。 各アートワークは大きいサイズの画像やPSDをダウンロードできるので、気になったものはリンク先をチェックしてみてください。 アートワークにはアニメーションgifも多いのですが、ページサイズが大変なことになるため最初の一つだけです、アニメーションはリンク先で。 Pull to Refresh リフレッシュ時はプリロー... 続きを読む
すぐに使える!アニメーションを使ったUIエレメントのスニペットのまとめ -Kickdrop | コリス
そのまますぐに使えて、デザインも素敵! アニメーションを使ったさまざまなUIエレメントのスニペットを配布しているKickdropを紹介します。 Kickdrop Kickdropは、3人のフロントエンドのデザイナーとプログラマーがそれぞれGitHubやDribbbleなどでリリースしたものをまとめたもので、下の一覧をぱっと見ただけでも面白そうなUIエレメントが揃ってますよね。 all drops ... 続きを読む
デザインのトレンドを毎日届けてくれるサイト「Panda」 : ライフハッカー[日本版]
Webサービス , デザイン , 趣味 デザインのトレンドを毎日届けてくれるサイト「Panda」 カメきち 2014.06.07 07:30 「Panda」はデザインのトレンドを毎日届けてくれるサイトです。Dribbbleなどのデザイン系のサイトから人気のあるデザインを次々と表示してくれます。デザイナーの方は毎日チェックすると良いかと。 以下に使ってみた様子を載せておきます。 まずPandaへアク... 続きを読む
アウトラインデザインのフリーアイコンセットまとめ「1000+ Free Outline Stroke Icons For Designers」 | DesignDevelop
一口にアイコンといっても、フラットタイプや立体感のあるリアルなタイプなど、いろいろなテイストのものが存在していますが、今回紹介するのは、アウトラインデザインのフリーアイコンセットまとめ「1000+ Free Outline Stroke Icons For Designers」です。 (Dribbble – Free Icon Set by Catalin Fertu) ラインで描き出されたアイコ... 続きを読む
是非ストックしておきたい フリーアイコンセットまとめ「20 Fresh and Beautiful Icon Sets for Free」 | DesignDevelop
常に新しいデザインのものがリリースされるアイコン。主流のフラットデザインから、立体感のあるデザインまで、いろいろなタイプが登場しています。今回はそんなフリーアイコンセットまとめ「20 Fresh and Beautiful Icon Sets for Free」を紹介したいと思います。 (Dribbble – Outline Icons Part 3 by Adrian Goia) さまざまなデザ... 続きを読む
DribbbleとBehanceからフリー素材のデザインリソースを引っ張ってくる『DBF』がいい感じ! | バンクーバーのうぇぶ屋
もはや北米WEB屋で見たこと無いって人はいないだろうなってレベルに有名なDribbbleとBehance。両方とも世界中のデザイナーが作品を投稿する形のSNSサイトなんですが、僕はとりあえず”素材”レベルで何かを見る時は必ずと言って良いくらいここのサイト見てたんですね。 それこそ、何かをデザインする時のアイデア出しとしてもそう。例えば背景イメージ一つとってもどんなテイストが良いのか色々見てみたい時... 続きを読む
モバイルUIのデザインに役に立つUIパターンギャラリー集17選 - showrtpath - iOSブラウザ開発日記
2013-12-23 モバイルUIのデザインに役に立つUIパターンギャラリー集17選 アプリの開発の時にUIのデザインに悩みますよね。 そんな時、モバイルUIのパターンギャラリー集が役に立ちます。 そのギャラリーサイトのサイトを集めてみました。 スクリーンショットを集めたものと、デザイナーの作品のものがあります。 Showrtpathブラウザを開発していた時はdribbbleをよく見ていました。 ... 続きを読む
ウェブデザインのセンスを磨こう! 2013年洗練されたディテールのUIデザインのまとめ | コリス
2013年、チェックしておきたいUIデザインをdribbbleから紹介します。 高解像度の.psdや.pngファイルをダウンロードできたり、動きをアニメーションgifで楽しめたりします。 2013年のデザインを振り返りつつ、来年はまたどんな素敵なデザインが生まれるのか楽しみですね。 iPhone 6 Infity iPhone 6発売前のコンセプトデザイン。発表される前のワクワク感はいいですよね。... 続きを読む
情報やデータはその見せ方も大切、美しくデザインされたビジュアルデータのまとめ | コリス
プレゼンやインフォグラフィック、ウェブページのキャッチ用の画像など、印象的にデータや情報を見せる美しくかっこよくデザインされたビジュアルデータをdribbbleから紹介します。 Timeline of mobile releases How your iPhone is made Subway infographic design elements + grid system Infographi... 続きを読む
[JS]かっこいいインタラクションを伴ったスマフォに最適な省スペース用フォームのデモ | コリス
先月の終わりにdribbbleで公開された時に、うわっかっこいいな!と思いチェックしていたコンセプトにデモとして動作するスクリプトが開発されたので紹介します。 まずは、dribbbleでのコンセプトから。 [GIF] Mobile Form Interaction フォームの入力欄の各ラベルをプレースホルダーテキストとして表示し、タップして入力する時に、アニメーションでそのテキストがふわりと上に移... 続きを読む
iOSのデザインはフラットにすればイイってものじゃない - #RyoAnnaBlog
iOS 7でデザインがフラットになったが、二次元にすると直感的な操作ができなくなったり、野暮ったくなる事がある。例えば、Safariのブックマークやカレンダーの日時選択。白背景に青文字は手を抜いたデザインに見えるし、日時の選択も拡大鏡で工夫されているが文字だけでは操作しにくい。特に日本語のフラットデザインは、白背景と原色文字の組み合わせが悪いように思う。 そこで今回は、Dribbbleにアップされ... 続きを読む
これからのUIデザインのヒントになるDribbbleのアートワークのまとめ | コリス
インスピレーションの宝庫「Dribbble」から、デスクトップ・スマフォ・タブレットなどのUIデザインのヒントになる素晴らしいアートワークを紹介します。 続きを読む