はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ Dribbble

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 30件)

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

2017/09/22 このエントリーをはてなブックマークに追加 316 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス 年々 ショッピングカート デザイナー ソーシャル

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

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

2016/06/11 このエントリーをはてなブックマークに追加 646 users Instapaper Pocket Tweet Facebook Share Evernote Clip medium dribbble.com レタッチ前 答え 価値

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

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

2016/04/08 このエントリーをはてなブックマークに追加 420 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス ワイヤーフレーム ユーザーフロー Web制作 勉強

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

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

2015/08/31 このエントリーをはてなブックマークに追加 240 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス Illustrator Photoshop 調和 手間

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

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

2015/07/14 このエントリーをはてなブックマークに追加 410 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス フローチャート クリエイター Web制作 機会

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

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

2015/05/18 このエントリーをはてなブックマークに追加 288 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス アートワーク 細部 引き出し UIデザイン

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

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

2015/02/23 このエントリーをはてなブックマークに追加 215 users Instapaper Pocket Tweet Facebook Share Evernote Clip nanomal Pla 誘惑 一方 デザイナー

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

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

2014/12/17 このエントリーをはてなブックマークに追加 558 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス ウェブデザイン psd ディテール 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

2014/07/05 このエントリーをはてなブックマークに追加 129 users Instapaper Pocket Tweet Facebook Share Evernote Clip DesignDevelop Freebie デザイナー 種類

デザイナーにとってもはや必要不可欠といっても良い程便利な存在となっているフリー素材。非常にさまざまな種類がインターネット上でダウンロードできるようになっています。そんなフリー素材の比較的最新のものをまとめた「「Top 50 Free Resources for Designers from June 2014」」を今回は紹介します。 (Dribbble – Freebie! Starnight H... 続きを読む

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

2014/07/03 このエントリーをはてなブックマークに追加 474 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス psd アートワーク ディテール アニメーションgif

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

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

2014/06/06 このエントリーをはてなブックマークに追加 276 users Instapaper Pocket Tweet Facebook Share Evernote Clip Panda カメきち アク ライフハッカー デザイナー

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

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

2014/05/30 このエントリーをはてなブックマークに追加 110 users Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip デザインリソース テイスト Behance デザイナー 両方

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

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

2013/12/23 このエントリーをはてなブックマークに追加 398 users Instapaper Pocket Tweet Facebook Share Evernote Clip showrtpath Showrtpathブラウザ アプリ

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

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

2013/12/16 このエントリーをはてなブックマークに追加 513 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス ウェブデザイン psd ディテール UIデザイン

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

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

2013/10/23 このエントリーをはてなブックマークに追加 496 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス ウェブページ インフォグラフィック プレゼン 見せ方

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

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

2013/10/13 このエントリーをはてなブックマークに追加 257 users Instapaper Pocket Tweet Facebook Share Evernote Clip RyoAnnaBlog iOS Safari 組み合わせ 日時

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

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

2013/09/01 このエントリーをはてなブックマークに追加 420 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス アートワーク インスピレーション 宝庫 スマフォ

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

Photoshopで文字をよりシャープにクリアに見せるこつ -1px未満のこだわり | コリス

2013/07/29 このエントリーをはてなブックマークに追加 411 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス ビジター コツ Photoshop やり取り

dribbbleに投稿されたデザインで、コメントのやり取りがちょっと興味深いものなので紹介します。 簡単に意訳すると、 ビジター「デザインきれいだな、文字周りの処理に秘訣とかあるの?」 オーナー「文字をクリアにみせるために、Photoshopでこういう風にやってるよ。」 という感じです。 Site テクニックの紹介の前に、まずは文字周りを実寸大にしたものから。 Site -実寸大画像 カラーのコン... 続きを読む

フラットの後にじわじわきてるデザインのトレンド -long shadow design | コリス

2013/07/01 このエントリーをはてなブックマークに追加 243 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス ブラッド 奥行き アクセント トレンド

フラットが最初にきた時ほど大きな波ではないと思いますが、単調なフラットなデザインのアクセントにつかえそうなじわじわきてる新しいデザイントレンド「long shadow design」を紹介します。 long shadow design 「long shadow design」は文字通り「長いシャドウを使ったデザイン」で、フラットなスタイルに奥行きを与えることができます。 dribbbleなどのアイ... 続きを読む

iPhoneのUIデザインを語る上で欠かせない、天才デザイナーMike Matasとは? | MEMOPATCH

2013/05/28 このエントリーをはてなブックマークに追加 140 users Instapaper Pocket Tweet Facebook Share Evernote Clip iPhone MEMOPATCH Mike 過言 デザイナー

Mike Matas(マイク・マタス)というデザイナーの名前を聞いたことはありますか?以前「Dribbbleでフォローしたい、世界トップレベルのUIデザイナー14人」でも少し紹介しましたが、UIデザインの歴史について調べたら必ず彼の名前が見つかるはずです。Mikeは私たちが毎日使っているiPhoneのユーザー・インタフェースの重要な部分を多く担当し、今のUIの基礎を生み出したと言っても過言ではない... 続きを読む

Dribbbleでフォローしたい、世界トップレベルのUIデザイナー14人 | MEMOPATCH

2013/05/20 このエントリーをはてなブックマークに追加 188 users Instapaper Pocket Tweet Facebook Share Evernote Clip Goodpatch MEMOPATCH 招待制 アカウント

デザイナーなら誰でもチェックしているであろうDribbble。招待制なので優秀なデザイナー以外は参加できず、常に高いクオリティが保たれています。Goodpatchでも最近Dribbbleに作品をアップしはじめました(アカウントはこちら)。 MEMOPATCHをご覧の方の中にもDribbbleをチェックしている方やこれから見てみたいと思っている方も多いはず。でもはじめたばかりの頃だと誰をフォローした... 続きを読む

dribbbleデザイナーが今最も注目しているカラーをチェックできるツール -Color Pickers | コリス

2013/05/14 このエントリーをはてなブックマークに追加 104 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス 宝庫Dribbble アートワーク 操作 カラー

デザインの宝庫dribbbleの素晴らしいアートワークで使用されているカラーをピックアップし、カラーのインスピレーションを得られる「Color Pickers」を紹介します。 UIも洗練されていて、操作も気持ちいいです。 Color Pickers 僕も毎日dribbbleをチェックしていますが、dribbleでは日々100以上のアートワークがアップロードされ続けています。Color Picker... 続きを読む

UIデザインの参考になるサイトまとめ | ナナメウエblog

2013/01/23 このエントリーをはてなブックマークに追加 1001 users Instapaper Pocket Tweet Facebook Share Evernote Clip ナナメウエBlog Following JAYPEG 参考

毎日仕事中と寝る前にチェックしてるUIの参考になるサイトをまとめました。 もう、見ているだけで涎が出ますね。 Dribbble – Following もはや知らない人はいないでしょう。世界中からハイレベルなデザインが集まるこのサイト。3時間に1回は見てます。 JAYPEG 日本版Dribbbleというとわかりやすいかもしれません。昨年末にできたばかりですが、すごく好きです。投稿しまくってます。自... 続きを読む

 
(1 - 25 / 30件)