Making the web more beautiful, fast, and open through great typography

こんにちは、はてなの id:mazco です。 昨年、「#1 in Tokyo」「#2 in Kyoto」と実施いたしましたHatena Design Hourですが、今年もはてな東京オフィスにてHatena Design Hour #3を開催することとなりました！ Hatena Design Hour #3 in Tokyo Hatena Design Hour とは Hatena Design Hourは、Webサービスの開発に関わっている、Webサービスに興味がある、そんな、Webサービスが大好きなデザイナーのためのイベントです。このイベントでは、はてなでWebサービスの開発に関わるデザイナーが、自身の関わるプロジェクトからホットなトピックを持ち寄り、デザインの見どころや制作の裏話を、様々な角度からご紹介します。 イベント概要 イベント名：Hatena Design Hour #3

あなたは「椅子」にどのくらい興味がありますか？ 椅子を使わないことは一日たりともないだろうけれど、それそのものに興味が向けられることはあまりないですよね。しかし、世界のデザイン見本市などでもっともスペースを割かれているのは、実は多くの場合「椅子」です。 椅子は機能がシンプルで原始的なプロダクトだからこそ、デザイナーの考え方やセンスが如実に表れます。また、サイズ感が人と同じくらいなので、そこに置かれたときの存在感もプロダクトとして「ちょうどよい」のでしょう。なぜなら、建物は人が使うためのハコだから。椅子をデザインすることは、人の分身をつくるようなものなのです。 そんな「椅子」に魅了されて、人生をかけて世界中から椅子を集めている方がいます。 インテリアデザイナーの永井敬二さん（68）です。 「椅子コレクター」のオフィスにお邪魔してきた 1年の3分の1はヨーロッパを中心とした海外に出かけていると

村上春樹が質問に応えてくれる、新潮社運営・はてな協力の特設サイト「村上さんのところ」を覚えているだろうか。更新を毎日楽しみにしていた人、ステキな体験として未だに記憶している人も多いはず。そのアートディレクションを手がけたのが種村司さんだ。彼と一緒に「デザインにとって本当に大切なこと」を考えた。 「村上さんのところ」のデザインの裏側に迫る！ 小説家の村上春樹さんが読者の質問にとにかく答えまくった新潮社運営・はてな協力の特設サイト「村上さんのところ」。質問の受付期間は17日だったにも関わらず、寄せられた質問総数は37,465通（村上さんはすべてに目を通し、そのうちの3,331通に返信）。PVは、公開日数119日でなんと1億を超えた。 「村上さんのところ」 その後、書籍化・電子書籍化が決定。村上さんと質問者とのやり取りを、既存の村上ファンをはじめ多くのネットユーザーが楽しんだ結果となった。このW

というわけではてなブログに移行しようと思ったんだけれども、どうも気に入ったデザインがない。はてなダイアリーでもそれなりにカスタマイズして作ってたのだが、そのまま使えるわけもないしデザイン自体も古くなってしまってる。かといってゼロからデザインを起こす暇など……ってマテ、俺達には Bootstrap があるじゃないか! Bootstrap ってなに? いわゆる CSS フレームワークです。Twitter が作って自分たちで使ってるやつです。 なにができるの? HTMLにクラス属性をいろいろ足してやるだけでいい感じに見た目を整えてくれるいい奴なんです。 example 例えばこんな感じ。 ボタンとか <button type="button" class="btn btn-default">btn-default</button> <button type="button" class="btn

※この記事は、はてなデベロッパーアドベントカレンダーの4日目です。 前日はこの記事でした。 はてな×ドワンゴ合同ハッカソン@京都イベントレポート！ - Hatena Developer Blog こんにちは。id:ueday です。はてなブログのリードデザイナーをしています。 早いもので12月ですね。はてなブログは先日11月7日に4周年を迎えました。この4年間のうちに様々な新機能や改善をリリースしてきましたが、そのなかでも特に「記事編集画面（以下、編集画面）」はローンチ当初から継続して改善に取り組んできました。はてなブログは「書きたい人のためのブログサービス」というポリシーで運営しており、それが最もよく現れるのが編集画面なのです。 私ははてなブログのプロジェクト初期から4年間ずっと開発に参加してきたため、開発時に撮った古いスクリーンショットも残っています。この記事では、それらのスクリーンシ

2015年10月13日に行われた『都内5美術館 2016年開催企画展 合同記者発表会』において、山種美術館が50周年記念シンボルマークを発表した。山種美術館と言えば、何と言っても日本画家・安田靫彦（1884〜1978）による「書・山種美術館」を使ったロゴが印象深いが、ここにグラフィックデザイナー・佐藤卓さんがデザインしたシンボルマークが加わった。 この格子の丸窓を思い起こさせる日本的なデザインのシンボルマークは、横組みのアルファベット「YAMATANE」の文字を縦長にして円状に収めたものと、縦組みの漢字「日本画」の文字を横長にして円状に収めたものを重ね合わせている。さらにシンボルマークの色は日本の伝統色であり、現代を代表する、山種美術館とも縁深い日本画家・東山魁夷が好んだ、「東山ブルー」とも言われる群青の岩絵具をイメージしたたもの。 ユニークで親しみやすく、それでいて日本の美を表現したこの

#hatenadesign のツイートをまとめました

「デザインを見て、デザインを学ぶ」 Hatena Design Hourは、Webサービスの開発に関わっている、Webサービスに興味がある、Webサービスが大好き、そんなデザイナーのためのイベントです。 このイベントでは、はてなでWebサービスの開発に関わるデザイナーが、自身の関わるプロジェクトでのホットなトピックを持ち寄り、デザインの見どころや制作の裏話を、様々な角度からご紹介します。開発の現場で繰り広げられた試行錯誤や創意工夫、成功と失敗の物語から、あなたの探している問題解決のヒントが見つかるかもしれません。 今回の「#2 in Kyoto」では、好評だった#1 in Tokyoの内容に加え、新たにはてなブログ デザイナーのuedayによるプレゼンテーションも実施します。 Webサービスの魅力に満ちあふれた学びの時間をお楽しみください。 http://design.hatenastaf

デザインを語る上で重要な要素のひとつ、「フォント」。デザインを実際に手がける人だけでなく、それを見る多くの人にとってなじみ深いフォントとして、Windowsのプリインストールフォント「MS Pゴシック」は代表的なもののひとつかもしれません。 「MS Pゴシック」 「MS Pゴシック」は過去にマイナビニュースで実施した美大生の「お気に入りフォント」アンケートにも名前が挙がった実力派(?)ですが、実際に日々グラフィック/エディトリアルデザインを手がけているデザイナーの目には、この定番フォントはどう映るのでしょうか。 今回は、デザイン会社にてエディトリアルデザイン/Webのレイアウトデザインを手がけているSさんに、「MS Pゴシック」についての率直な思いを伺いました。 ――「MS Pゴシック」、デザイン業務で使うことはありますか? 私は主にエディトリアル(雑誌や書籍など)、グラフィック、Web領

5月29日（金）に開催された、はてなHatena Design Hour 参加レポートです。 「デザインを見て、デザインを学ぶ。」という表題のもと、4人のデザイナさんが登壇され、 発表とパネルディスカッションが行われました。 会場は、はてな東京オフィス。良い意味でオフィスっぽさを感じさせないフラットな空間。 芝生が敷かれていて、歩くたびにふさふさが足元をくすぐる心地よさ。 嶋野さん　「B!KUMAガールズ」 嶋野さんがデザインを手がけているサービス「B!KUMA」のキャラクター「熊野ナンシー」が 出来上がるまでのお話。（B!KUMAは女性向けのブクマサービスです。とってもかわいい。） このキャラクターは自身を少し投影しているそうで、 全体的に「もっちり」とした質感を大事にしながら作られているのだとか。 輪郭やポーズ、表情なども、「もっちり」見えるかどうかが基準。 熊野ナンシーは「くま」だけ

細長い家といえば日本の長屋などを思い浮かべますが、長屋でなくとも地価が高い所だと正方形の土地を半分に切って２軒建てることが多くなるわけで、お住まいの地域によってはよく見かけるかもしれません。 無印も「縦の家」という細長い家を発売しています。こういう家の欠点である「採光」を、家の中心にある天窓とスケルトン階段（スケスケの階段）により解決しようという構成です。窓の家、木の家と比べてどれが一番売れているのかな？なんとなく無印好きな方は縦の家の需要が多そうな気がする。 そんなわけで、間口に対して比較的奥行きが深い、「細長い家」を3軒紹介します。 採光の悪さや狭さに対してどのようにアプローチしているかに注目してみます。 白い、まるい、細長い家 物件名：Love House　設計：保坂猛　敷地：横浜　建築面積：33平米 夫婦とウサギの家族だそうです。 採光の悪さを、昼間に使うＬＤＫスペースを2階に、寝

深津貴之氏は、iPhoneアプリ「ToyCamera」をヒットさせて以来、スマートフォンアプリの第一人者として活動を続けている。1年経てばルールが変わる激動のスマートフォンアプリの世界で、深津氏はいかにして変化に対応してきたか。「ルールが変わってリセットがかかることは、むしろ歓迎」と話す深津氏の思考法を聞いた。 プロダクトデザインの役割は「製品に何を入れないか」を決めること 今回は、深津氏の出発点にさかのぼって話を聞くことにした。深津氏は、武蔵工業大学（現在の東京都市大学）環境情報学部 都市情報研究室を卒業後、ロンドン芸術大学内のカレッジの一つ、Central Saint Martins College of Art and Designに入学し、プロダクトデザインを専攻する。 このプロダクトデザイン科のオリエンテーションで聞いた内容を、深津氏はよく覚えているという。「『流線型のかっこいい

ラトビアのお宅に眠ってたという、ソビエト連邦時代の封筒コレクションノートを紹介します。60年代から70年代のものだそう。Etsy経由で入手しました！これがなんともすてきなんだ。 ソ連の時代の封筒には、歴史的なイベントや祝日、重大な出来事、ホッケーチームなど様々なテーマのイラストが描かれたようです。当時は単なる趣味のノートだったのだろうけれど、2014年の今ではリアルなソ連の歴史が垣間見れる貴重な資料といえるんじゃないかな。 このノートの中から、特にかわいらしいイラストを掲載してみます。 ソファーでリラックスしながら音楽を聴く人。 鹿親子。とにかくかわいい。 タイプの違う二匹のキツネ。 ユーモラスなタッチで描かれた猫。 ここからは私が元々持っていた封筒を便乗して紹介するよ！ クリスマスのサンタクロース。ぬいぐるみと一緒でにぎやか。子供の笑顔もいいよね。 スキーをしている坊ちゃんたちとリス。茶

都内にあるフレンチビストロのお店で出たシードルのラベルです。（シードルは、りんごを発酵させて造るアルコール飲料。）可愛かったので、お店の方にことわって、お写真を撮らせてもらいました。 ■白地にピンク、グリーン、茶色の3色で印刷された、スタイリッシュなラベル。 ■個性的でポップなラベル。赤地に黒いりんご、赤の反対色の緑をさし色に。 口に含んだ途端、濃いりんごの風味がシュッと広がって、なんとも幸せな気分に。 風味がとにかく濃いです。以前飲んだオーガニックのリンゴジュースの美味しさを思い出しました。今まで飲んだシードルの概念が変わるような飲み物でしたので、淑女の皆様も機会がありましたらぜひ。色は奇麗な琥珀色をしていますよ。 ワインもそうですが、お酒のボトルのラベルデザインは、個性的で素敵なものが多いですよね。 私もこういうボトルのお仕事をしてみたいと思いました☆

ELIXIR NEW LOTION & EMULSION Brand Design 約40年間、常に進化し続けてきた 科学と情感を形に

米Adobe Systemsは6月18日（現地時間）、米AppleのiPad向けの無料描画アプリ2種と、それらと連係するハードウェア「Ink & Slide」を発表した。ハードウェアは同日199.99ドルで発売された。 これらを利用できるのは、iOS 7を搭載する第4世代iPad、iPad Air、iPad Mini、iPad Mini with Retina。また、一部の機能はCreative Cloudのアカウントと接続させないと利用できない。 描画アプリは、Photoshopのようなビットマップを描ける「Sketch」とIllustratorのようなベクター描画の「Line」の2つ。いずれもAppleのApp Storeから無料でダウンロードできる。Ink & Slideはこの2つのアプリで、感圧式のペンと定規として利用できる。Adobe IdeasやPhotoshop Touchで

スタンプ紹介記事パート2も公開しました。あわせてご覧ください はてなブログのLINEスタンプクリエイターさんを紹介 第2弾 おもしろいスタンプ、かわいいスタンプをどんどん押されたい！ - 週刊はてなブログ たくさんのスタンプが魅力のインスタントメッセンジャー「LINE」。ユーザーが自分で制作したスタンプを販売できるLINE Creators Marketがスタートして1カ月経ちますが、はてなブログでも「LINEスタンプ作ったよ！」「スタンプの作り方」などの記事を見かけるようになってきました。 そこで今回は、編集部が見つけることができた「はてなブロガーさんが作ったLINEスタンプ」を12種類ご紹介します。ニュースなどで話題になった人気スタンプもあるようですが、みなさんが気になるスタンプはどれでしょう？ id:awayukinetさんの「寿司ゆき」 あわゆき（id:awayukinet）さんに