title_img

参考にできないw無駄にハイクオリティなローディングデザイン20選!

どうもどうも

Webページにしても動画にしても読み込む時に何も出ないと「これは読み込んでるのか…固まってるのか…」と不安になりますよね。
Flashが全盛期の頃に「ローディングはちゃんとつけないとダメだぞ!」と先輩たちに良く言われたものです。(遠い目)

最初はフラットっぽいデザインのローディングを集めてたのですが、
海外のデザイナーが無駄にハイクオリティなローディングデザインをしていたので、そちらをご紹介しますw

お仕事の箸休めにどうぞー!
(さらに…)

title_img12

こんな時間なのでおいしそうなアイコンを集めてみた

どうもどうも。
あー…ブログ更新してないなぁ…なんて思ってたらあっという間に7日間過ぎてました。
今日は会社がお休みなので、みんながおなかすく時間帯にこんなアイコン達をご紹介。

ライブド〇時代はアプリのデザインやってたなぁ…なんて事を思い出しつつ集めてみました。
ほんと良い経験させていただきました。
もちろんみんな大好きをdribbble.comからでございます。
(さらに…)

title_img11

20130910_今日の気になるデザイン

どうもどうも。
今日はみんな大好きフラットデザインのUIをdribbble.comから集めてみましたよ。
このサイトに乗ってるデザインはホントすばらしいですね。恐ろしい。
 

 
20130910_01
http://dribbble.com/shots/864910-Ui-Kit/attachments/92273
フラットデザインを考えてると、シャドウをどう入れるか…いや入れないべきかで悩んでしまうのですよ。
このデザインはシャドウも入ってるのですが、違和感ないっすねー。すごい。
あれ?ボタンにグラデが入って…る?
でも、こんな感じの微妙なグラデ(僕はブラシでやっちゃいますけど)の傾向って、
フラットデザインが騒がれる前からチョイチョイ出てきてましたよね。
いきなりフラットデザインになったのではなくて、やはり兆候はあったのかなぁなんて思っておりますです。はい。
 

 
20130910_02
http://dribbble.com/shots/829195-Slate/attachments/86422
これまた素敵なデザイン。
角丸使う事で印象が優しくなりますね。
なんかフラットデザイン=シャドウ使っちゃダメと勝手に思っていたのですが、
そんなことないなぁと。勉強になります。
 

 
20130910_03
http://dribbble.com/shots/974693-Easy-Note/attachments/112631
今日読んだ記事(gigazine)に、「ウェブの未来を担う次のデザインはカードにあり」ってのがありました。
まぁ、色や形は手段であって目的では無いのですべてには当てはまらないと思いますが
このUIがドンピシャだと思えるターゲットには使っていきたいですね。
カード型のUIは色が難しそうだなぁ。。。
 

 
20130910_04
http://dribbble.com/shots/943079-Webapp-Dashboard/attachments/106141
弊社、サーバー屋なのでコントロールパネルのデザインとかもやるわけですよ。
こんな感じのデザイン出してOKもらったら楽しいだろうなぁ…
グラフ部分のデザインってアイディア勝負ですね。
参考になります。
 

 
20130910_05
http://dribbble.com/shots/1091105-Holiday-Selector/attachments/136390
個人的に透過のデザインが好きなので、これはもう大好物ですね。
すごいな。文字の行間と余白を計りたくなるぐらい参考にしたいです。
綺麗だなぁ。。。。。(白目)
 

 
と、ここまで書いててハッと気づいたのですが
全部似てきますね。フラットデザイン…
や、わたくしのようなクソWebデザイナーごときが発言してはいけなかったんです…寝ます…

ではではーーー

title_img10

20130909_今日の気になるデザイン

どうもどうも。
なんでこんな誰得デザインを紹介してるのか自分でもわかりませんが、
もう意地です。続けます。続けますとも。
 

 
20130909_01
http://www.theqcamera.com/
メインビジュアルにどかーんと動画。
おしゃれな完全防水のカメラですか。
使って欲しい、もしくは使うであろうシーンをサイトに載せるのはやはり大切ですね。
サポートサイトにこういうの活かせないかしら。
 

 
20130909_02
http://www.noiretrenoir.com/EN/
これは良い!!というか色が好き。
なんかサイトの構造が良いとかじゃないので全然参考にはなりませんが。。
色参考にしたいっす。
 

 
20130909_03
http://www.bus-project.info/
また背景動画。
これは流行るな。(すでに流行ってるのかな?)
弊社のサイトの背景が動画になったら、あいつやっちまったなと思ってください…

 

 

本読まないとなー
読んだ本をブログで紹介…
ちゃんと理解しないと書けないすね。。あ、良い勉強になるかな。

ではではー

title_img09

20130905_今日の気になるデザイン

どうもどうも。
予約投稿って楽ですねぇ。予約できる投稿がないですけども。
今日の気になるデザインですーー。
 

 
20130905_01
http://wagerfield.github.io/parallax/
これすごい!
仕事に使えないかなぁと思ったけど全然思いつかないですね!
ちょっと勉強してみよう。
 

 
20130905_02
http://tablet.fubiz.net/
サイトの読み込み遅くてイライラするけど、見て納得。
これは重くなるわってぐらいリッチなコンテンツですね。
背景に動画っていつかやってみたいんだよなぁ。
 

 
20130905_03
http://rwstudios.be/baby/
なんだなんだ。
背景に動画って流行ってるのか?いや、これからなのか。
どんどんwebデザイナーに求められるスキルが増えてる気がするのは自分だけでしょうか…(白目)
 

 

このブログはじめてデザインのインプットは増えたのですが、
ディレクターとしてのインプットが…
(本は買ってるのですが全然読めてない…)
日々勉強ですね。

ではではー

title_img07

20130903_今日の気になるデザイン

しまった…
1週間くらい更新できてなかった…で…す…
毎日更新するって難しいですね!(言い訳)
そんなこんなで、今日も「お!」と思ったサイトをご紹介。
 

 

20130829_01
http://www.squarespace.com/stories
デザインテンプレートを売ってるサイトかな?
ユーザーが使う様々なシーンをTOPで見せる感じが非常に良かった。
あと、メニューが右側だったのが気になる。気になる。
どうしてこの配置にしたのだろうか…。気になる。
 

 

20130829_02
http://www.flickr.com/new
フリッカーのサイト。
画像の見せ方がやはりすばらしい。
あとロゴの動きも良いですなぁ。
 

 

20130829_03
http://www.discovershadow.com/
パララックスなんですけど、一番最初の動きは初めてみたなぁ。
いつかやってみたい。
それ以外も、かなりいい感じの動きですね。
ううむ。。すごい。。
 

 

週末に書きためて予約投稿とかできるくらいマメならいいんですけどね。
今週末やって…み…よう…かな…

ではでは!

【追記】
いいねが8つ11個も!!!
みなさまありがとうございます!(涙)

title_img06

20130827_今日の気になるデザイン

こんちわ。
さてさて、ネタがなくなってきましたよ!どうしよう。
ということで、今日は自分が働く会社の競合他社様をピックアップ。

 

 

20130827_01
http://www.at-link.ad.jp/
日本のホスティング屋さんのサイトではずば抜けて美しいですね。
特にTOPページのコンテンツ配置。
どうしても情報が多くなりがちなこの業種ですが、ここまでスッキリさせるとは…
参考になる要素が一杯です。
文字と配色もですけど、余白が好きだなぁー。

 

 

20130827_02
http://mediatemple.net/
海外のサイトで一番好きなサイトですね。
しかし、なぜ海外のホスティング屋さんはこんなにもシンプルなんだろうか。
こうやって改めてみると、弊社のサイトは情報詰め込み過ぎですね。
情報を削るのって難しい…

 

 

20130827_03
http://www.rackspace.com/
ここはビジュアルの見せ方が上手いなぁと。
実際に働いている人をビジュアルとして使って、ユーザーに親近感を持ってもらうやり方を過去に真似してみましたが…もうあのサイトは無くなってしまったのだろうか…

 

 

うーーむ。良いと思えるのが3つくらいになってしまいました。。
改めて競合他社様のサイトをみると勉強になりますね。
自社のサイト…少しずつでも直していこうかなー

ではではーー

title_img05

20130826_今日の気になるデザイン

こんちわ。
土日に、今までやった案件の事を書こうと思ってたんですが、
文章ってむずかしいですね…
ぜんぜんまとまらないのでフテ寝してました。

そして、いつもの気になるデザインですよー

 

 

20130826_01
http://www.f-i.com/sony/connected-world/
お、ソニーのサイトかっこいいと思ったら、違うっぽい。
制作会社の事例とかなのかな?
他のページもかっちょいいす。

 

 

20130826_02
https://nulab-inc.com/
「ぬ」ってなんだと思ってみたらすげー良いサイトだった。
Cacooの会社なのね。
思わずリクルート情報をみるくらい素敵。
わかりやすいし、キレイだし。
写真の加工とか芸が細かいので参考にしてみようとおもいましたー

 

 

20130826_03
http://shrine.kotolog.jp/
神社好きとしてはついつい紹介したくなるデザイン。
ビジュアル多めのTOPと違って、下層は情報量も満載の良い作り。
こういう風な導線でサイト作れればTOPがゴチャゴチャしないのになぁと。
参考になります。

 

 

20130826_04
http://www.tsunagu-life.com/
わたくし33歳のおっさん(ムサい)なのですが、こういう感じのデザイン好きでして。
いいなー。これ。
こういう感じのサイトって全部似てくるけど、それはそれで。

 

 

さすがにサイトを更新しないとアクセス数がすごい事になりますね。
昨日は訪問数が3というね。逆にどうして見に来たのが気になる。

ではではー

title_img08

20130823_今日の気になるデザイン

こんちわ。
今日は日本のサイトを選んでみましたよ。
色んなサイトを見てみると、改めて日本語って難しいなぁと思いますね。

 

 

20130823_01
http://www.millet.jp/
アウトドアのメーカー「ミレー」のサイトです。
日本語なのにかっこいいじゃない!と思って選びました。
TOPページのコンテンツもシンプルで良いですね。
伝えたい事がハッキリしてるんだろうなぁ。
唯一、「NEWS」の文字のところがもう少し余裕あったら良かったのになぁ。
いえ、わたくしがそんな偉そうな事言えないです。すみませんすみません。

 

 

20130823_02
http://www.nishihour.jp/
素敵な日本語サイト。
シンプルだし、いいなぁと思ってたのですが、
「NEW」のアイコンだけ違和感が…
別のデザイナーさんが作ったのかな…
いや、わたくしごときが…すみませんすみません。

 

 

20130823_03
http://ruq.jp/
デザイン…というよりも、コンテンツに惹かれたというか。
でも、そのコンテンツをわかりやすく配置しているこのデザインはやっぱり素敵なんだなぁと。
沖縄行きたい。本当に行きたい。

 

 

20130823_04
http://www.sj-fukuoka.or.jp/
おお、なんかスマホサイトっぽいと思いきや、
これはこれでわかりやすくて良いですね。
ちょっとスクロールすれば目的のコンテンツがみつかりそう。
ただ、下層ページに行くと出てくるグローバルナビがTOPにあっても良いんじゃないかなぁ。
あと新着情報のところもう少し考えても良かったんじゃないかなぁ。
あとレスポンシブにしてもよかったんじゃ(ry
わたくしごときがすみませんすみません。

 

 

昨日は15人もの方達が見に来てくれました。ほんとにありがとうございます。
めざせ訪問数20!(←志が低い)

ではではー