はてブログ

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



タグ Dribbble

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

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

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

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

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

2016/12/19 このエントリーをはてなブックマークに追加 71 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス 名刺 デザイナー クリエイター 来年

コミュニケーションツールとして、ビジネスでもプライベートでも大切な名刺・ビジネスカードのセンス溢れるコレクションを世界中のデザイナーやクリエイターが集う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からサイトマップやハイレベルサイトマップ、フローチャートを紹介します...記事の続きを読む 続きを読む

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

2015/05/21 このエントリーをはてなブックマークに追加 52 users Instapaper Pocket Tweet Facebook Share Evernote Clip DesignDevelop Freebie 手間 素材 すべて

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

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

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

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

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

2015/04/12 このエントリーをはてなブックマークに追加 76 users Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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 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 リフレッシュ時はプリロー... 続きを読む

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

2014/06/30 このエントリーをはてなブックマークに追加 71 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス UIエレメント プログラマー スニペット デザイナー

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

デザインのトレンドを毎日届けてくれるサイト「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... 続きを読む

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

2013/10/16 このエントリーをはてなブックマークに追加 70 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス スクリプト gif アニメーション デモ

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

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デザインのヒントになる素晴らしいアートワークを紹介します。 続きを読む

 
(1 - 25 / 39件)