beerhole’s blog

ウェブデザインを中心とした雑記。自分用のメモ。音楽と美味しいもの、ライフスタイルについても少々。

Web Design

URLを入力して過去のウェブデザインが観ることができる「Internet Archive Wayback Machine」

URLを入力するだけで過去のデザインを見る事ができるサービス。便利だな。 Internet Archive: Wayback Machine

コンテンツマーケティングがどうゆうものか正しく説明できるか。

友人が「コンテンツマーケティング」をやりたいと言うのでこの言葉の定義について改めて考えてみた。コンテンツマーケティングに限らず、グロースハックとかビッグデータとかデータサイエンティストとかデータマイニングetcとか。端的に説明出来る人は少ない…

海外で流行っているフラットなUIデザインを作る7つのルール

タイトルの「ゴージャス」はアレですが、海外の今日的なフラットUIをデザインする為の具体的なHow Toが上手くまとめられています。この7つのポイントをおさえるとトレンドぽくなる。 ゴージャスなUIデザインを作成する7つのルール - Photoshop VIP ゴージャ…

UI Crunch #2 :「UIデザイナー不要説について語る」行ってきました。

こんばんわ。UI Crunch #2に行ってきました。Tシャツが欲しかったのでブログを書きますw私は現在、事業会社に在籍しているので回りにUIデザイナーなどいません。採用もかけていますが、人材不足も感じています。そこで以下のようなアジェンダを持って臨みま…

早稲田大学のサイトリニューアルの議論がアクセシビリティばかりな件について

早稲田大学のサイトリニューアルが色々なブログで語られています。否定的な意見の方が多いかなと思いますが、残念なのはその議論のほとんどがサポートブラウザについてだからです。しかも重箱の隅をつつくような指摘ばかり。代替案がサポートブラウザに関し…

「StackShare」 スタートアップの開発環境(開発言語、データベース、フレームワーク、ツールなど)がわかるサービス

「StackShare」 スタートアップの開発環境(開発言語、データベース、フレームワーク、ツールなど)がわかるサービス StackShare StackShare 僕みたいに一般企業にいると開発環境のトレンド情報が入ってこないので こういうサービスは本当にありがたいです。 …

「Stylify Me」ウェブサイトのカラースキームとフォントを抽出してくれるツール

「Stylify Me」ウェブサイトのカラースキームとフォントを抽出してくれるツール。 いいですね。こちらにアクセスしてURLを入れるだけ。 Stylify Me Stylify Me - Online Style Guide Generator 画像の多いサイトは正しく抽出されないかも? 基本的な使い方は…

デザイン設計の効率化の為のPhotoshopプラグイン。

デザインの効率化をする為のPhotoshopプラグイン。特に Assistor PS Product、すごいいいなぁ。 早速試してみる。 他にも色々、普段行っていることがかなり短縮化出来そう。 とりあえず有りもののアイコンを配置して雰囲気だけ見て、本番は自分で作り直すと…

「Nibbler」任意のサイトのスコアレポートを作成してくれるツール

これは中々良さそうです。アクセスビリティ、ソーシャルメディア対応状況などをチェック。 Nibbler - Test any website Nibbler - Test any website

ウェブデザインの変化量とシステムへの影響度の関係

自分用メモ 動的で作られるサイト用。ECやニュースサイトなど サイトのフレームのみ(テンプレート、枠、アーキテクチャ) コンテンツは除く(写真の質、文章、ライティング、バナー、ランディングページのデザイン) 異論は認める。 ロゴは、全体のクリエイティ…

APIはプラットフォームがスケールする。

WebAPIのこれまでとこれから from yohei LINEビジネスコネクトやZOZOのWEARなど。 データベース連携とAPIについて考えてみる。

ウェブデザイン等の仕事は「適当な奴」の方が向いている。

#481258857 / gettyimages.com 私が現在在籍している会社ではウェブに強い人間を積極採用している。これが本当に見つからない。応募が来ても、安定志向の人ばかり。それが悪いと言わないけど。また私は、優秀な大学卒業でもなければウェブデザインの専門学校…

Webデザインの95%はタイポグラフィーだと言うけれど。

Webデザインの95%はタイポグラフィーだ たしかにその通りなのかもしれない。もちろん、図版やレイアウトを含めた広義な意味でのタイポグラフィーだと思いますが。 元々タイポグラフィーが大好きな私だからこの流れはすごく良い。 但し、日本語はアルファベッ…

ビジュアルドリブンの人はWebデザイナーには向かない。

良い記事でした。 切れないハサミと使えないWebデザイン | sogitani.baigie.blog Webデザイナーが2〜3年以内において陥りがちな話が満載です。特にグラフィックデザイナー出身の人。 ビジュアルのディテールに神が宿らないWebデザイン これは本当にその通り…

グーテンベルク・ダイヤグラムとかのおはなし。

グーテンベルク・ダイヤグラムとかのおはなし。参考になった。 「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、一般的な視線の流れのパターンを表した図式のことです。簡単に言うと「人間の目は左上から右下方向へ、チラチラし…

ゴシック、シンプル、カラフル、日本、Flash

NHK名古屋放送局の音楽番組「サタテン」切り替わりが上手い。オープニングのインタラクションが上手い。 NHKでもこんなに攻めてる。地方局で、音楽番組だからかもだけど。 サタテン

シンプル、グリーン、グレー、日本、HTML

大分にある個人病院のサイト。 こうゆうユニットに分けたデザインは流行みたいですね。jsで制御?? すっきり整理されていて、事業の規模にもあっている。伊藤内科医院

シンプル、明朝、、ベージュ、日本、HTML

千葉県の予備校のサイト。 「大学受験予備校do」プロモーションエリアの切り替わり、ロールオーバー、アイコン 一部ルールに破綻が見えるものの、細部まで丁寧にデザインされたサイト。 とにかく、ひさしぶりに関心して、ブログを更新したくらい。大学受験予…

シンプル、映像、Flash、日本、サウンド、シンプル、セリフ

これだけシンプルだと楽しい仕事だ。 逆につまらないか。この効果、けっこうみんなやっているがTIPSがない。LED“d‹ ƒIƒtƒBƒVƒƒƒ‹ƒTƒCƒgFƒVƒƒ[ƒv

シンプル、和風、たて組、ホワイト、Flash、日本、フルスクリーン、サウンド

印傳屋のサイト 印伝…鹿革に漆で模様つけた革の伝統工芸品らしい各コンテンツの遷移や細かい表現が素敵。 割と戻る動作が多いのがたまにキズだが、 こんなに丁寧にしっかり作られたサイトは あまりない。 印傳屋制作会社はアーキタイプ

シンプル、ホワイト、ゴシック、Flash

プロダクト/空間デザイナーのサイト。 リサイズするとユニットが移動するのがかっこいい。 そんなインタラクションが職業を示唆していてよい。ISOLATION UNIT ニュースの記事が外部読み込みかどうかはわからないが、 この英語だけの記事を見ていたら、活版…

カラフル、ナチュラル、手描き風、Flash

FELISSIMO 500 500色の色鉛筆のサイト 大きなFlashエリア、htmlなのに自由にデザインされている。FELISSIMO 500

手描き、ファッション、Flash、国内

水彩のようなタッチが素敵だ。 パララックス効果のような動き 動きも素敵だ。 MUBEC

シンプル、シルバー、白、ホワイト、ブルー、モダン、サンセリフ

カナダの電気メーカーだろうか? シンプルでおしゃれである。 ヘルベルト・バイヤーみたいな書体もかわいくてよい。 Bell canada Bayer Sansコンテンツに色がないとやはり、差し色は必要だ。 Appleはプロダクツがカラフルだから成り立つ。

シンプル、Flash、ファッション、コラージュ、白黒

オランダやロシアの構成主義のようなデザインだ。 黄色が効いている。 alice + olivia

努力の無駄遣い。ベクトルが間違っている件。

「努力の無駄使い」例えばそれは1-10 designのアクセスのマラソンのコンテンツのような。 例えばそれはカヤックのAIRエアギターのクオリティのような。 例えばそれはAXE EFFECTのサイトのような。こんなにがんばっちゃってバカだな〜と思われるようなものを…

黒、キャンペーン、海外、カラフル、Flash、サウンド、フルスクリーン、ゴシック

Pearl Jamの10周年のキャンペーンサイト。 パズルゲームの動きもいいし、その後のイコライザーの動きがいい。 フルスクリーンアイコンもよかった。 Pearl Jam Ten Special Editions海外のバンドはマーケットが全世界なのでウェブにもお金がかけられるという…

白、、グレー、水色、写真、シンプル、日本

バリのリゾートのサイト 仕事柄、サイトの構造やデザインを見てしまいがちだけど、 そんなこと忘れて、単純に行ってしまいたくなった。それだけよく出来たサイトだと思う。 または、たまたま刺さっただけか。写真も文字組もキレイ。ロゴのブルーも効いてる。…

映像、キャンペーン、Flash、女の子、日本

最近は美女暦だの美人時計だの増えてきてけしからん。 まったくけしからん。まったくもって確信犯である。 「好きです」やぶさかではない。THE AXE EFFECTテーマに一貫性があるのはユニクロのパーカースタイル。 美女暦は残念ながら雑多になってしまった。

カラフル、ポップ、アパレル、Flash、日本、ドット

ドットがかわいい、ドットの動きがかわいい。 ドットには昔から目がない。 BEAMS WOMEN 25th Anniversaryおまけ:ALL / DOT