魔法のiらんどリニューアルにおけるデザインの考えとその実践 - Hatena Design Group
はてなノベルチームの id:murata_s です。4月1日にリニューアルした魔法のiらんどのデザインを担当しました。この記事では、本リニューアルプロジェクトで、デザイナーはどのようなことを考えてデザインの方向性を定めたのか、その思考の一部を紹介します。 プロジェクトの背景とリニューアル後の反応 リニューアル開発で手を入れる箇所を見極める 視覚に訴えるビジュアル要素 ガーリーにならないスタイリッシュさ 使われることを意識したリッチな設計 リニューアル開発でデザインに期待されること （この記事の内容は、2020年7月15日にオンライン開催したイベント「Hatena Engineer Seminar #14」での発表内容をもとにしています） プロジェクトの背景とリニューアル後の反応 魔法のiらんどは1999年12月のサービス提供開始から20年が経過している老舗サービスです。いまでも若い女性に人
縦組みのデザイン - Hatena Design Group
こんにちは。現在カクヨムのデザインを担当しておりますデザイナーの id:murata_s です。 先日、カクヨムでは縦組み機能をベータリリースしました。これは文字通りウェブブラウザ上で小説を縦組みで表示することができる機能です。リリース後書き手ユーザーの皆さまを中心に多くの反響がありました。 この機能開発では、基本的な組方向に関する変更に加え、画面のデザイン的にも新しい試みを行っています。そこで、今回はウェブにおける縦組みのデザイン事例としてこれを紹介します。 小説を縦組みで読みたい ウェブ小説を縦組みで読みたいという、シンプルなモチベーションで始まった縦組み機能の開発ですが、アイデア自体はサービスの立ち上げ当初からチーム内で挙がっていました。日本語で紡がれた物語を縦組みで読みたいという欲求は、小説文化に親しみのある者なら誰もが思うことだと思います。実際にご利用いただいているユーザーさんと
はてな東京オフィスでデザイナーイベント「HatenaDesignHour#4」を開催します #hatenadesign - Hatena Design Group
こんにちは、はてなの id:yulily100 です。 6月23日（金）に、はてな東京オフィスにてデザイナー向けイベント「Hatena Design Hour #4」を開催します。 design.hatenastaff.com ▼ お申込みはこちらから https://hatenadesign.connpass.com/event/58885 Hatena Design Hourとは、Webサービスの開発に関わっている、Webサービスに興味がある、そんな、Webサービスが大好きなデザイナーのためのイベントです。このイベントでは、はてなでWebサービスの開発に関わるデザイナーが、自身の関わるプロジェクトからホットなトピックを持ち寄り、デザインの見どころや制作の裏話を、様々な角度からご紹介します。 デザインって楽しい！ 2015年に始めたHatena Design Hourはこれが4回目。今回
「はてなとペパボのデザイン山アワー」を開催します #yamahour - Hatena Design Group
こんにちは。デザイナーの id:akawakami です。 この度、GMOペパボ株式会社さんと合同で、デザインイベント「はてなとペパボのデザイン山アワー」を開催することになりました。「はてなとペパボのデザイン山アワー」は、Webサービスの開発に関わっている、Webサービスに興味がある、そんな、Webサービスが大好きなデザイナーのためのイベントです。はてなからは、家電会議、LGTM Camera、はてなブックマークのデザインについてプレゼンテーションを行う予定です。 概要 「山とデザインは似ているかもしれない」 あのデザイン山とデザインアワーのコラボイベントがついに実現。その名も、デザイン山アワー。このイベントでは、はてなとペパボでWebサービスの開発に関わるデザイナーが、自身の関わるプロジェクトからホットなトピックを持ち寄り、デザインの見どころやこだわり、制作の裏話を、様々な角度からご紹介
はてなのニュースアプリ「Presso」のデザインができるまで - Hatena Design Group
2014年3月27日、はてなはニュースアプリPressoをリリースしました。様々なニュースアプリが登場し、市場が賑わいを見せる中、Pressoはどのような思いで開発されたのか。Presso開発メンバーの id:akawakami さんに開発の裏側を語って頂きました。 ――まずは自己紹介をお願いします。 デザイナーの akawakami です。Pressoのデザインを担当しました。 ――Pressoの紹介をお願いします。 Pressoは自分が興味のあるジャンルやタグをフォローすることで、ネットで話題になっているニュースやブログなどを手軽にチェックできるニュースアプリです。 https://itunes.apple.com/jp/app/presso-sosharunyusu-matomemoburogumo/id799334646?mt=8&uo=4&at=10l8JW&ct=hatenab
エイプリルフールに新サービス!? 「はてなだまされまスター」と、はてなスターのカスタマイズ方法 - Hatena Design Group
こんにちは。はてなデザインチームの id:kyabana です。 4/1はエイプリルフールだったので、いたるところでお祭り騒ぎのようでした。 エイプリルフールに便乗しているサイトまとめ2014年版 - GIGAZINE その日は、はてなにもエイプリルフールが訪れていて… 嘘をつきたい人と、気持ちよく騙されたい人をマッチングし、エイプリルフールにより年に1度行われるオンライン上のお祭り（マーケティング）を活性化して、嘘エコシステム（Ecosystem for Hoaxes）の循環を加速させる新サービス「はてなだまされまスター」をリリースいたしました。 嘘主と騙され手をマッチング！ 嘘エコシステムの循環を加速させる新サービス「はてなだまされまスター」をリリースしました - はてなの日記 - 機能変更、お知らせなど 自然と集まってくるエイプリルフールネタにだまされましたの気持ちを表す「だまされま
はてなで実践している社内コミュニケーション方法 - Hatena Design Group
こんにちは。はてな デザインチームの id:ueday です。 どうしたら会社（あるいはチーム）でのコミュニケーションを円滑に・楽しく行うか、というのは常に悩みどころですよね。私達も今までに色々なツールや方法を試していて、日々ベストプラクティスを探しているところです。 この記事では、はてなで実践している社内コミュニケーション方法についてご紹介しますが、常に試行錯誤しているので、これが最適、とは言い切れないところがあります。現時点の方法としてご紹介したいと思います。 東京・京都の2拠点を繋ぐ はてなでは、京都と東京の2拠点で開発をしています。そこで活躍するのが、「ポリコム」というテレビ会議システムです。打ち合わせや朝会はこのポリコムを通じて行うので、物理的な距離を感じずにコミュニケーションがとれるのです。詳しくははてなのカルチャーをご覧ください。 カルチャー - 株式会社はてな メールは使わ
使い勝手の良いマウスで仕事効率アップ。はてなデザイナーのおすすめ入力デバイス9選！ - Hatena Design Group
こんにちは。はてなデザインチームの id:kyabana です。 デザインやコーディングをする上で、アイデアやスキルを画面に伝えるマウスなどの入力デバイスは欠かせません。ものによっては作業効率が上がったり、精神的ストレスから解放されたりなどの効果もありますよね。 そこでデザインチームに普段使っているマウスやペンタブ、スタイラスとその良いところを聞いてみました。それぞれ好みがあるようで、みんな違ってみんないい！というモノが出てきました。 id:murata_s 大学では紙のデザインを中心に学んでいた新人id:murata_sさんは、 Wacom プロフェッショナルペンタブレット ワイヤレスキット付属 Mサイズ Intuos5 touch PTH-650/K0 出版社/メーカー: ワコム発売日: 2012/03/16メディア: Personal Computers購入: 5人 クリック: 33
デスクワークには体に合った椅子が超重要！はてなデザイナーに人気の椅子を調査してみました - Hatena Design Group
こんにちは。はてな デザインチームの id:ueday です。 長時間机に向かうデザイナーにとって、椅子選びは超重要です。自分の体に合った椅子を選べば腰の負担が軽減されるだけでなく、作業に集中できて仕事が捗りますよね。 アーロンチェア派とバロンチェア派 はてなでは「デスクワークにはなるべく良い椅子を」という方針から、オフィスにアーロンチェアとバロンチェアが多く配備されています。はてなのデザイナーに現在どちらの椅子に座っているかアンケートをとったところ、こんな結果になりました。 アーロンチェア バロンチェア 4人 3人 アーロンチェアが若干多いようです。 そんなはてなのデザイナーはそれぞれ椅子にこだわりを持っているそうなので、どんな椅子がおすすめかアンケートしてきました。なお、自宅で使っているものでも可としました。 id:akawakami のおすすめ椅子 id:akawakami さんのお
フォント選びで個性が出る！ はてなデザイナーお気に入りのフォント16選 - Hatena Design Group
あけましておめでとうございます。はてなデザインチームの id:tanemu です。 デザイナーが個人的に好きなフォントって気になりますよね。新年最初のエントリーは、お気に入りのフォントについてデザインチームに聞いてみました。どことなく人となりが感じられるチョイスになったような気がします。 id:ueday いつもフォント激安情報をIRCに流してくれる id:ueday さんのおすすめは、 salome めちゃくちゃおしゃれ、だけど使いどころが難しいから腕が問われる。 ITC Lubalin Graph スラブセリフかっこいいです。 uedayさんの資料で、数字部分におおきくsalomeをあしらっているのを目撃したことがあります。どちらもXハイトが高めの特徴的なフォントですね。 また、よく使うフォントも教えてもらいました。 見出ゴMB31 ツメて使うのが好み Lato Google webf
高速にドッグフードを食べるエンジニアと一緒にデザイナーが仕事する方法 - Hatena Design Group
photo by wiccked こんにちは。はてな デザインチームの id:ueday です。 先日、はてなでは品川の日本マイクロソフトで「はてな エンジニアブロガー祭り」を開催しました。 そこで発表された、はてな アプリケーションエンジニアの id:hitode909 による 「高速にドッグフードを食べる方法」 のスライドが SpeakerDeck に公開されています。もうご覧になりましたか？ 高速にドッグフードを食べる方法 - Speaker Deck 高速にドッグフードを食べる方法 - hitode909の日記 はてなブログチームでは高速にドッグフードを食べながら開発していますが、この記事では 「エンジニアと一緒に高速にドッグフードを食べるデザイナー」 という視点から、はてなブログ開発の様子をご紹介します。 高速にドッグフードを食べるメリット 「ドッグフードを食べる」とは、実際にド
はてなのデザイナーがお薦めするデザイン関連書籍7冊 - Hatena Design Group
photo by Abee5 こんにちは、はてなデザインチームのid:murata_sです。 人の家にあがったらやっぱり最初に本棚をみてしまいますね。どんな本読んでるんだろう？ 何に興味があるのかな？ 気になります。本選びには、その人の個性がすっごく出てきますね。 やっぱり気になるデザインの本 はてなのデザイナーは、普段ウェブのデザインをしていますが、ちょっと道端で話をしたりすると、ウェブ以外のデザイン情報にも造詣が深いんです。あれやこれや何でも出てきます。良い本知ってそう！ ぜひ聞きたい！ ということで…… 善は急げ、さっそくお気に入りのデザイン関連本を聞いてみました。いろいろ紹介したい人もいるようですが、今回は一人一冊です。 注：一見するとデザインとは関係のない本が並んでいるようにみえるかもしれませんが、いまデザイナーとして活躍している上で大きく影響を受けた本ということで選んでもらって
あなたはどれが好き？ はてな社内で人気のお菓子8選 - Hatena Design Group
こんにちは。はてなデザインチームの id:ueday です。 一発目の記事からデザインと全く関係なくてすみませんが、はてな社内の制度を紹介します。 はてなとお菓子 はてなではフリードリンク・フリーフードを採用しており、社内の飲み物やお菓子はすべて無料です。ランチについてはまかない制度がありますが、それはまた別の機会に紹介したいと思います。 社内にはお菓子棚があり、総務の方々がセレクトしたお菓子が定期的に補充されます。小腹が空いたときにはここからお菓子を持っていけるようになっています。 ちなみに、東京オフィスと京都オフィスでお菓子のラインナップが微妙に違うとか。 そんなお菓子のなかから、社内で人気の高いものを紹介します。あなたが好きなお菓子は入っていますか？ 「ぼんち 辛子明太子大型揚せん」 ピリ辛の揚げせんべいです。勢いのあるパッケージとジャンクフード感溢れる味が魅力で、若い男性が多い社内
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
