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

シンプル、サウンド、Flash、ピンク、クラシック、昭和

ユニクロのGirls Collectionの特設サイト 音楽は多分田中知之だろう。 少しボケたクラシカルな雰囲気が素敵だ。 狙いとファイルサイズの問題を両方解決している。 UNIQLOのGirls Collection. 東京 Tokyoとにかくだ、佐々木希チャンはかわいい。使うモデルにプレ…

シンプル、白、海外

イタリアのグラスメーカー。Flashではなかった。 鏡面?映りこみの表現がぴったりだ。シンプルでクール。 赤いカクテルがイタリアらしい Luigi Bormioli

シンプル、Flash、日本、スポーツ、白、ブルー

アディダスのサイトナイキなんかより全然かっこいい。 ダスラー家から離れてフランス人実業家の手が入ってから おしゃれになったのかと思うと悲しい。 兄貴のプーマはちょっとな… adidasわたくしもゴンズの滑りを観てスーパースターを履いた口です。 これは…

開発規模の増大によるコストの高騰

【岩田氏】 任天堂が、これまでと違う方向へと向かうためです。そのために、メッセージを打ち出す必要がありました。 かつて、ビデオゲームは1つの方向だけに向かって進歩してきました。半導体は必ず数年たてば線幅が細くなり処理能力が上がり、より多くの回…

シンプル、白、黒、フルスクリーン、ポートフォリオ、デンマーク、デバイスフォント

デンマークのWeb Designerのサイト。多分 何がカッコいいって、マウスカーソルのロールオーバー時でしょ。 作品もよかった。 I LIKE TO PLAY - 色々調べてみた。とりあえず、上のマウスカーソルはI LOVE YOUだった。 - コルナ - ピースサイン - ファックサイ…

シンプル、黒、白、ファッション、日本、Flash、左上メニュー

MIDWEST高いブランドばかり扱っているイメージの洋服屋 ロールオーバーとかかっこいい。 MIDWEST

ウェブ、あたりまえのことすぎて忘れがちなこと。

ウェブ、あたりまえのことすぎて忘れがちなこと。 1.全世界に情報が配信される 2.読者が厳しい 3.最初の印象で判断されやすい 4.どのページから読み始めるか特定できない 5.総じて信頼性に乏しい 6.紙媒体に比べ目が疲れやすい 7.ページの一部分しか…

Joshua Davis、Flash、アート、インスタレーション、カルチャー、ストリート、アメリカ

Adobe MAX JAPAN 2009でJoshua Davisのセッションを聞いた。 スケート、刺青、デザイン、彼はクールだった。 Joshua Davis

音楽、海外、ポップ、HTML

THE TING TINGSという英国のアーティストのサイト。 おしゃれTHE TING TINGSPVもクール

シンプル、白、グレー、Flash、海外

PRO-KEDSのサイト。よくできてるわけじゃないけど、色々インスピレーション掻き立てさせられる。 「もっとこうしたい」とか「こうゆうの使える」みたいな。 個別URLはどうやってるのかな?SWF Adressかな?Pro-Keds

シンプル、写真、日本的、HTML

滋賀県高島市安曇川泰山寺にあるカマドを使ってご飯を出したり、ワークショップしたり よくあるスローライフ的な。クウネルとかリンカランとか読んでる女子が好きそうなやつ。もっと言えば大戸屋で店員に「白米ですか?五穀米ですか?」と聞かれると「五穀米…

ウェブマガジン、おしゃれ、海外、Flash

スウェーデンのウェブマガジン。Cool! Formex Magazine

Flash、写真、おしゃれ、フルスクリーン、海外、フランス

ハイセンス、映像ぽいエフェクト、切り替わりがおしゃれ FRANCOIS PERREAULT

シンプル、ポップ、手描き、白、日本、Flash

ポケモンとかやってる日本のゲーム会社のサイト。自由な社風が伝わってくるよう。 コーポレートサイトの一つの正解の形。アイデアも素敵。 細かいアニメーションもよい。ゆるく作っているようで緻密に練られている。"コンテンツに勝る技術なし"会社概要のMap…

シンプル、サンセリフ、映像、Flash、海外、フランス

フランスのweb制作会社に勤めている人の個人サイト。同い年くらい。 個人のサイトとしてはとっても素敵。ちょうど似たような見え方、表現のサイトを製作中なのでちょっと焦った(笑) ただ、見え方は近いがコンセプトや行うことはまったく別なので問題ない。…

Neue Grafik(ノイエグラフィーク)をご存知だろうか。

artless Inc.という制作会社のサイト。issei miyakeとかやってるとこ。 とにかくおしゃれ。日本に向けて発信していないサイトなのかな?artless Inc.この人達、絶対Neue Grafik(ノイエグラフィーク)に影響受けてる。 ジョゼフミュラーブロックマンが絡んでる…

シンプル、html、ブログ

デザインが雑誌?タブロイド誌?のよう。 とうぜん黒もCMYKのような色味。白もくすんでいていい雰囲気。 情報がよく整理されていてデザインもよい。裏側も凝っているようです。むしろそちらのすばらしさが表に出ているのかしら BLOG × WORLD ENDING 2G

パロディ、ユニクロック、Flash、日本

ユニクロックもろパクリ。というかパロディ。江頭が踊る! 衝撃は今年一番かも。 EGACLOCK

シンプル、白、赤、サンセリフ、Flash、日本

無印のグローバルサイト。ブランディングの役割? クリスマスだから赤。クリップが靴下だったり、Enterのフェルトのような質感がかわいい。 こういう細かい気くばりのあるサイトは好きだ。MUJI Global

シンプル、グレー、、Flash、日本

RaNa extractive, Inc.という制作会社のサイト コンテンツが折り返されるのが面白い。ロジックは単純ぽいけど素敵だ。 音楽はキツい。好みの問題だが、いわゆる制作会社な感じが苦手だ。 もっと3の線の方が魅力を感じる。RaNa extractive, Inc.