404（Not Found）と表示されるエラーページってあまり見ないですよね。 404ページとは、サーバに接続できたものの、要求に該当するページ情報がサーバが見つけられなかった場合に表示されるエラーページです。 エラーなので普段目にすることは無いのですが、ふとしたタイミングで見た時にカッコ良くデザインされた404ページだと、「ここまでこだわるのか！！」と、サイトの好感度が上がります。 そんな小技の効いた404ページをピックアップしてみました。 404ページデザイン　33選 1. BLIZZARD ENTERTAINMENT https://us.blizzard.com/en-us/error.html 2. Henrik Hedegaard https://henrikhedegaard.com/404/404.html 3. DIL BERT https://www.dilbert.c

まとめのインテリア 猫の尻尾がしゃもじになった。キャットしゃもじの紹介。これはしゃもじです。猫の尻尾がしゃもじになっています。自立するので、衛生的に使えます。 - デザイン雑貨とインテリアのまとめサイト

ブログをリニューアルして離脱率が約30％減！関連記事の表示やサムネイルなど制作方法と考え方をまとめてみた 公開日：2013年1月 9日 カテゴリ：Web制作に役立つネタ お正月休みを利用して、ブログ（やWebサイト）をリニューアルする人が沢山いましたね！お正月くらいネットやパソコンから離れて、こたつでみかんを食べながらリア充満喫しましょうよ！＼(^o^)／ とか思っていたのだけど、我慢できず、、うちのブログも新年と同時にリニューアルしちゃいました！相変わらずのmovabletype仕様ですが、離脱率の防止や関連記事・サムネイル表示の追加など制作の参考になれば幸いです。 昨年のブログを振り返ってみよう 今回リニューアルした経緯などは、要所ごとに説明するとして、まずは昨年のブログがどのくらい酷かったか振り返ってみましょう。 jQuery mobile でリニューアル。 ブログリニューアル！MT

2013年 01月 09日 今さら聞けない？有名なフォント12種類の紹介とフォントの基礎知識について カテゴリ： Font タグ：Font 新年明けましておめでとうございます。今年も色々と挑戦する年にしたいのですが、一先ずブログをしっかり書くというのをベースにがんばります。 早いもので、このブログも気がついたら3年が過ぎ4年目に突入していました。立ちあげ当初は辞めないことを目標にしていましたが、続けることが大事だなと今でも思っています。皆様本年もよろしくお願いします。 今回は自分がよく使っているフォントをまとめました。他にも使っているフォントはもちろんあるんですが、基本的なフォントやWebベースで使えるフォントあたりを紹介しています。 1.フォントリスト 2.フォントの基本 3.考察 フォントリスト 欧文フォント 1.Arial 2.GEORGIA 3.Myriad 4.Verdana 5

いくら鉛筆だけで完成させたという証拠を示しても、「絶対写真に決まってる!!」との疑いの声が後を絶たないほどの完成度だという。 当初はタトゥーアーティストをしていたFazo氏だが、次第に写真のようにリアルな絵に対する興味が高まり、独学でこれほどの技術を身につけたという。そんな彼がもっともインスピレーションを受けるのが葛飾北斎などの日本の浮世絵らしい。 それでは今後の活躍が楽しみなFazo氏の作品をご覧いただこう。

2012年 10月 12日 ユーザー体験とは？UX及びユーザビリティについての考察 カテゴリ： IAシンキング Webデザイン タグ：IAシンキングUXWebサイト構築ユーザビリティ Webに限ったことではありませんが、人が新たな物を利用するにはその使い方を学習する必要があります。 どんな優れた製品でも使い方が分からなければユーザはそれを使うことができません。それを避けるために各メーカーはマニュアルを用意したり、サポート出来る手段を用意しています。 ですが、多くのユーザーはマニュアルを読むより先にまず触ってみるという人が多いかと思います。マニュアル読むのって結構時間もかかるし、早く触りたい・使いたいという欲求が大きいからでしょうね。 であれば、なるべくマニュアルがなくても分かりやすいデザインであった方がユーザーにとって喜ばれるのでしょう。 1.ユーザー体験とは？ 2.ユーザー体験を無視した

フリーフォントまとめエントリはいろんなブロガーさんがまとめてらっしゃって私もちょいちょい参考にさせてもらってますが、サイト移転などでリンク切れがあったりするので2012年2月版としてあらためてまとめました。 今回まとめた分は現時点でのリンクチェックとダウンロード可能であることを確認しております。せっかくですので比較できるようにサンプル書体画像も作成しましたので参考にどうぞ。 【追記】ウェブフォント絡みでGoogle web font APIの記事書きました。興味があればコチラも参考にどうぞ。 Google web fonts APIで自由なテキストデザインを 日本語フリーフォント一覧 フォント使用に当たって 今回紹介する分は基本的に無料でダウンロード可能な、漢字の使える日本語フォントにしぼりました。 個人利用は原則制限のないものですが、一部フォントについては商用不可であったり再配布・改変な

こんにちは。 実は大学ではプロダクトデザインを専攻していました、WEBデザイナーの井畑です。 今日はステキすぎるプロダクトを見つけたのでご紹介します。 砂の変わりに泡が時間を刻む泡時計「-awaglass-」です。このコンセプトだけでぐっとくるものがありますが、実物は想像以上の出来でした。 それではどうぞ！ このawaglassには、中に特殊な「シャボン水」が入っていて、このシャボン水が、泡時計の真ん中のくびれを通過する時に、ぽこっ、ぽこっ、と泡ができて上へ上へと昇っていきます。 その様子がとってもかわいくて見ていて飽きません;) awaglassは一つ一つ手作りのなので、泡の出来かたもそれぞれ違います。数秒で終わるものから、数分かけてゆっくり落ちていくものがあるとのこと。泡の動きを見てから買えるとベストなんだけどなー なかのシャボン液は透明とピンク色があります。ピンクも淡い色合いで可愛い

以前、同じく「神がかり的な素晴らしいデザインのアイコン」をお届けしましたが、今度はiOS版です。 とにかく細部まで作り込まれているアイコンデザイン色々。 神は細部に宿るとはこういうことなのかなと本当に改めて感じます。 アイコンとはもっとシンプルであるべきというご意見もあるかもですが。 iPhoneのアイコンのこの角丸の四角という決まった形の中で表現する立体感がたまらないです。 舐め回したくなるくらいです。 下記のリンク先からもっと沢山のアイコンと、そのデザイナーへのリンクがありますよ。 via: 46 Fabulous iOS Icon Designs - DesignM.ag

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。 Adobeのソフト一個だけあげるよと言われたら、迷わずPhotoshopを選びます。井畑です。 そんなPhotoshopラブの僕ですが、昔は正直苦手でした。 なぜなら、PhotoshopはIllustratorと違って、調整しているうちにデータが劣化(どんどん汚く)なってしまうと思っていたからです。 正しく言うと、データが劣化しない方法を知らなかっただけなんですけどね、当時は大変でした。 画像も一回小さくしてしまうと、次に大きくした時に荒れてまいますし、トーンカーブ等の画像補正も一回かけると二度と修正できませんでした。何回もトーンカーブかけてるとどんどん画像が汚くなっていくし… よく、サイズを間違えてて2,3時間の作業を一からやり直しして

公開日：2012年9月 6日 カテゴリ：Googleネタ 流行りの手法ではありませんが、写真の一部分を動かす事でまるで動画のように錯覚してしまう視覚的効果を狙ったシネマグラフをご紹介します。（実際に作ってみたレビュー付き） 仕事の合間にGoogleイベントを徘徊していたらカバー写真がシネマグラフで作られておりまして、「うぉーやっぱり素敵すぎるー」とか影響を受けてしまい、今後の補完用としての紹介と実際に作ってみた記事を書いてみました。 シネマグラフについて ちょっと前に、Webサイトのアクセントとして（海外サイト発で）色々と紹介されましたねー。いくつか紹介すると 【画像】写真なのに動いてる！動画のような不思議な写真、シネマグラフ14枚 いやはや、綺麗ですねー。被写体が動いてくれる物であれば、静止画にマスクをかけて動画を挿入してGif形式に変換する感じですかね。ただの静止画よりもちょっとしたア