タグ「Dribbble」 - はてブログ

タグ Dribbble

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

(1 - 25 / 39件)

年々進化しているボタンをデザインするポイントを解説、デザイナーの追求に終わりの文字はない | コリス

2017/09/22 316 users コリス年々ショッピングカートデザイナーソーシャル

Webデザインにおいて、ボタンの存在は欠かせません。検索する時、サイトにログインする時、ソーシャルでシェアする時、ショッピングカートに入れる時、たくさんのボタンが使用されています。これらボタンのデザインはWeb業界と共に進化し続け、気がついたら数年前のデザインだったということもあるでしょう。年々進化しているボタンがどのように変わってきたか、 Dribbble をベースにしてデザインするポイント... 続きを読む

2016年総まとめ、デザイナーやクリエイターたちはどんな名刺・ビジネスカードを使っているのか | コリス

2016/12/19 71 users コリス名刺デザイナークリエイター来年

コミュニケーションツールとして、ビジネスでもプライベートでも大切な名刺・ビジネスカードのセンス溢れるコレクションを世界中のデザイナーやクリエイターが集うdribbbleから紹介します。年末に備えて、また来年に備えて、名 ...記事の続きを読む続きを読む

プロカメラマンの価値について。「レタッチ前の写真も全て頂けますか？」に対する答え。 — Japanese Official — Medium

2016/06/11 646 users medium dribbble.com レタッチ前答え価値

Medium Japan の翻訳メンバー/Pivotal Labsプロダクトデザイナー。デザインや仕事に役立つ話を中心に、いいなと思ったストーリーを訳しています。たまに自分の文も投稿します。 dribbble:https://dribbble.com/erika__i プロカメラマンの価値について。「レタッチ前の写真も全て頂けますか？」に対する答え。 by caleb kerr カメラマンとして... 続きを読む

最近のWeb制作の勉強になる！Webサイトのワイヤーフレーム・ユーザーフローのまとめ | コリス

2016/04/08 420 users コリスワイヤーフレームユーザーフロー Web制作勉強

プロジェクトの関係者でないとなかなか目にすることができないワイヤーフレームやユーザーフローもdribbbleだと、たくさんアップロードされています。最近のWeb制作の参考になりそうなワイヤーフレーム・ユーザーフローを紹 ...記事の続きを読む続きを読む

ちょっとした手間で、デザインをちょっとよく見せる小ネタのまとめ | コリス

2015/08/31 240 users コリス Illustrator Photoshop 調和手間

よいデザインとは、ちょっとしたことを積み重ねていくことが大切。 Webデザイン、カラー、PhotoshopやIllustratorなどのテクニックを磨く、デザインをちょっとよく見せる小ネタをDribbbleから紹介します。画像: Girly Drop 複数のカラーから調和のとれたカラーパレットを作成角丸パネルを重ねる時、それぞれの角丸をバランスよくする円をよりくっきり見せる滑らかなベジェ曲... 続きを読む

Web制作の参考になる！サイトマップやハイレベルサイトマップ、フローチャートなどのまとめ | コリス

2015/07/14 410 users コリスフローチャートクリエイター Web制作機会

他の人のサイトマップやフローチャートってなかなか見る機会がありませんよね。そんな時は世界中のクリエイターが集まるDribbbleです。Dribbbleからサイトマップやハイレベルサイトマップ、フローチャートを紹介します...記事の続きを読む続きを読む

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

2015/05/21 52 users DesignDevelop Freebie 手間素材すべて

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

Webデザインの引き出しを増そう！細部までこだわったUIデザインが参考になるDribbbleアートワークのまとめ | コリス

2015/05/18 288 users コリスアートワーク細部引き出し UIデザイン

Webデザインのセンスを磨くには、いいものをたくさん見て引き出しを増やすこと。最近公開されたUIデザインのアートワークをDribbbleから紹介します。人気が高いのは、写真をより魅力的に見えるようにレイアウトすること...記事の続きを読む続きを読む

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

2015/04/12 76 users DesignDevelop 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 DesignDevelop デザインクオリティ利点カット

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

自宅でも快適に作業ができるお洒落で美しいワークスペース 30 | nanomal

2015/02/23 215 users nanomal Pla 誘惑一方デザイナー

パソコンとインターネットがあれば、どこでも作業ができるようになり、自宅で仕事をする人も増えてきました。一方で自宅では誘惑も多く作業が捗らない方も多いのではないでしょうか。そこで今回は多くのデザイナーが集まるDribbbleから快適に作業ができそうなお洒落で美しいワークスペースを集めてみました。 1. Ugmonk Studio Tour by Jeff Sheldon 2. My work pla... 続きを読む

ウェブデザインのセンスを磨こう！ 2014年洗練されたディテールのUIデザインのまとめ | コリス

2014/12/17 558 users コリスウェブデザイン psd ディテール UIデザイン

2014年、チェックしておきたいUIデザインをdribbbleから紹介します。高解像度の.psdや.pngファイルをダウンロードできたり、動きをアニメーションgifで楽しめたりします。 2014年を振り返りつつ、来年はどんな素敵なデザインが生まれるのか楽しみですね。 GIF for the Weather App まずはUIの動きも楽しめるシリーズ。リンク先ではGIFアニメーションで動いています... 続きを読む

Webデザインのセンスを磨く！2014年上半期洗練されたディテールのUIデザインのまとめ | コリス

2014/07/03 474 users コリス psd アートワークディテールアニメーションgif

2014年上半期、チェックしておきたいUIデザインをDribbbleから紹介します。各アートワークは大きいサイズの画像やPSDをダウンロードできるので、気になったものはリンク先をチェックしてみてください。アートワークにはアニメーションgifも多いのですが、ページサイズが大変なことになるため最初の一つだけです、アニメーションはリンク先で。 Pull to Refresh リフレッシュ時はプリロー... 続きを読む

すぐに使える！アニメーションを使ったUIエレメントのスニペットのまとめ -Kickdrop | コリス

2014/06/30 71 users コリス UIエレメントプログラマースニペットデザイナー

そのまますぐに使えて、デザインも素敵！　アニメーションを使ったさまざまなUIエレメントのスニペットを配布しているKickdropを紹介します。 Kickdrop Kickdropは、3人のフロントエンドのデザイナーとプログラマーがそれぞれGitHubやDribbbleなどでリリースしたものをまとめたもので、下の一覧をぱっと見ただけでも面白そうなUIエレメントが揃ってますよね。 all drops ... 続きを読む

デザインのトレンドを毎日届けてくれるサイト「Panda」 : ライフハッカー［日本版］

2014/06/06 276 users Panda カメきちアクライフハッカーデザイナー

Webサービス , デザイン , 趣味デザインのトレンドを毎日届けてくれるサイト「Panda」カメきち 2014.06.07 07:30 「Panda」はデザインのトレンドを毎日届けてくれるサイトです。Dribbbleなどのデザイン系のサイトから人気のあるデザインを次々と表示してくれます。デザイナーの方は毎日チェックすると良いかと。以下に使ってみた様子を載せておきます。まずPandaへアク... 続きを読む

アウトラインデザインのフリーアイコンセットまとめ「1000+ Free Outline Stroke Icons For Designers」 | DesignDevelop

2014/05/30 110 users DesignDevelop アイコ一口テイストアイコン

一口にアイコンといっても、フラットタイプや立体感のあるリアルなタイプなど、いろいろなテイストのものが存在していますが、今回紹介するのは、アウトラインデザインのフリーアイコンセットまとめ「1000+ Free Outline Stroke Icons For Designers」です。（Dribbble – Free Icon Set by Catalin Fertu）ラインで描き出されたアイコ... 続きを読む

是非ストックしておきたいフリーアイコンセットまとめ「20 Fresh and Beautiful Icon Sets for Free」 | DesignDevelop

2014/04/23 128 users DesignDevelop デザ主流アイコン立体感

常に新しいデザインのものがリリースされるアイコン。主流のフラットデザインから、立体感のあるデザインまで、いろいろなタイプが登場しています。今回はそんなフリーアイコンセットまとめ「20 Fresh and Beautiful Icon Sets for Free」を紹介したいと思います。（Dribbble – Outline Icons Part 3 by Adrian Goia）さまざまなデザ... 続きを読む

DribbbleとBehanceからフリー素材のデザインリソースを引っ張ってくる『DBF』がいい感じ！ | バンクーバーのうぇぶ屋

2014/03/16 110 users デザインリソーステイスト Behance デザイナー両方

もはや北米WEB屋で見たこと無いって人はいないだろうなってレベルに有名なDribbbleとBehance。両方とも世界中のデザイナーが作品を投稿する形のSNSサイトなんですが、僕はとりあえず”素材”レベルで何かを見る時は必ずと言って良いくらいここのサイト見てたんですね。それこそ、何かをデザインする時のアイデア出しとしてもそう。例えば背景イメージ一つとってもどんなテイストが良いのか色々見てみたい時... 続きを読む

モバイルUIのデザインに役に立つUIパターンギャラリー集17選 - showrtpath - iOSブラウザ開発日記

2013/12/23 398 users showrtpath Showrtpathブラウザアプリ

2013-12-23 モバイルUIのデザインに役に立つUIパターンギャラリー集17選アプリの開発の時にUIのデザインに悩みますよね。そんな時、モバイルUIのパターンギャラリー集が役に立ちます。そのギャラリーサイトのサイトを集めてみました。スクリーンショットを集めたものと、デザイナーの作品のものがあります。 Showrtpathブラウザを開発していた時はdribbbleをよく見ていました。 ... 続きを読む

ウェブデザインのセンスを磨こう！ 2013年洗練されたディテールのUIデザインのまとめ | コリス

2013/12/16 513 users コリスウェブデザイン psd ディテール UIデザイン

2013年、チェックしておきたいUIデザインをdribbbleから紹介します。高解像度の.psdや.pngファイルをダウンロードできたり、動きをアニメーションgifで楽しめたりします。 2013年のデザインを振り返りつつ、来年はまたどんな素敵なデザインが生まれるのか楽しみですね。 iPhone 6 Infity iPhone 6発売前のコンセプトデザイン。発表される前のワクワク感はいいですよね。... 続きを読む

情報やデータはその見せ方も大切、美しくデザインされたビジュアルデータのまとめ | コリス

2013/10/23 496 users コリスウェブページインフォグラフィックプレゼン見せ方

プレゼンやインフォグラフィック、ウェブページのキャッチ用の画像など、印象的にデータや情報を見せる美しくかっこよくデザインされたビジュアルデータをdribbbleから紹介します。 Timeline of mobile releases How your iPhone is made Subway infographic design elements + grid system Infographi... 続きを読む

[JS]かっこいいインタラクションを伴ったスマフォに最適な省スペース用フォームのデモ | コリス

2013/10/16 70 users コリススクリプト gif アニメーションデモ

先月の終わりにdribbbleで公開された時に、うわっかっこいいな！と思いチェックしていたコンセプトにデモとして動作するスクリプトが開発されたので紹介します。まずは、dribbbleでのコンセプトから。 [GIF] Mobile Form Interaction フォームの入力欄の各ラベルをプレースホルダーテキストとして表示し、タップして入力する時に、アニメーションでそのテキストがふわりと上に移... 続きを読む

iOSのデザインはフラットにすればイイってものじゃない - #RyoAnnaBlog

2013/10/13 257 users RyoAnnaBlog iOS Safari 組み合わせ日時

iOS 7でデザインがフラットになったが、二次元にすると直感的な操作ができなくなったり、野暮ったくなる事がある。例えば、Safariのブックマークやカレンダーの日時選択。白背景に青文字は手を抜いたデザインに見えるし、日時の選択も拡大鏡で工夫されているが文字だけでは操作しにくい。特に日本語のフラットデザインは、白背景と原色文字の組み合わせが悪いように思う。そこで今回は、Dribbbleにアップされ... 続きを読む

これからのUIデザインのヒントになるDribbbleのアートワークのまとめ | コリス

2013/09/01 420 users コリスアートワークインスピレーション宝庫スマフォ

インスピレーションの宝庫「Dribbble」から、デスクトップ・スマフォ・タブレットなどのUIデザインのヒントになる素晴らしいアートワークを紹介します。続きを読む