魔法のiらんどリニューアルにおけるデザインの考えとその実践 - Hatena Design Group
はてなノベルチームの id:murata_s です。4月1日にリニューアルした魔法のiらんどのデザインを担当しました。この記事では、本リニューアルプロジェクトで、デザイナーはどのようなことを考えてデザインの方向性を定めたのか、その思考の一部を紹介します。 プロジェクトの背景とリニューアル後の反応 リニューアル開発で手を入れる箇所を見極める 視覚に訴えるビジュアル要素 ガーリーにならないスタイリッシュさ 使われることを意識したリッチな設計 リニューアル開発でデザインに期待されること （この記事の内容は、2020年7月15日にオンライン開催したイベント「Hatena Engineer Seminar #14」での発表内容をもとにしています） プロジェクトの背景とリニューアル後の反応 魔法のiらんどは1999年12月のサービス提供開始から20年が経過している老舗サービスです。いまでも若い女性に人
デザイナーとエンジニアのコミュニケーションプロトコルを設計する 〜はてなブックマークアプリDark Mode実装の現場より〜 - Hatena Design Group
こんにちは！はてなデザインチーム所属のid:cormorantcraftです！ 先日、配信させていただいたはてなブックマークiOS版のDark Mode、みなさん使っていただけているでしょうか？ 今回はそのDark Modeの実装にあたって、デザイナーとエンジニアのコミュニケーションをどのように行っていたかという点にフォーカスしてお話しさせていただければと思います。 コミュニケーションプロトコルの設計 いきなり「コミュニケーションプロトコルの設計」って言われても？ という声が聞こえてきそうですが、Dark Mode実装の上で平たく表現すると「色を指定するデザイナー」と「色を実装するエンジニア」の間の意思疎通の枠組みを作ることです。 これをしないで進行してしまうと、デザイナーとエンジニアの間で手戻りが多数発生したり、精神的にお互い疲弊したりチームの雰囲気にも悪影響が出たりしてしまいます。気持
はてなデザイナー達の「人生の一冊」！（前編） - Hatena Design Group
こんにちは！はてなデザイングループ所属のid:cormorantcraftです。 半年ほど前に入社しまして当ブログでは初登場となりますが、以後お見知りおきください！ 今回は少し趣向を変えまして、はてなデザイナー達の「人生の一冊」！をお届けしたいと思います。 皆さんはこれまで生きてきた中で 人生を変えてくれた！ 何度も何度も読み込んだ！ どうしても捨てられない！ という本はあるでしょうか。 僕は勿論あります！きっと誰しもがそういった「人生の一冊」があると思うんですね。 それがなんなのかを聞いてみれば、どういったことに影響されて「はてなのデザイナー」にたどり着いたのか、がわかるはず…というのが今回の企画の趣旨です。 総勢11名の「人生の一冊」を紐解けば、はてなデザイナー達の素顔が見えてくるかも？ それではいってみましょう！ id:ahchang の「人生の一冊」 fla 2 ―Idea of
デザイナーがReact Nativeでのアプリ開発を経験した感想 - Hatena Design Group
こんにちは。ノベルチームでデザイナーをしている id:murata_s です。先日カクヨムでは、新しいバージョンのアプリをリリースしました（iOS、Android）。読む専用のビューワーアプリとして、名称も「カクヨムViewer」と改めています。 開発面では、これまでネイティブとWebViewで構成されていたアプリに、React Nativeという技術が加えられたことが大きなトピックです。技術方面での具体的な使用感などについては一緒に開発を担当したエンジニアさんが別の機会に発表してくださるとのことですので、本稿ではデザイナー目線で触った感想を述べたいと思います。 やったこと この度のアプリ開発で導入されたReact Nativeですが、個人的にも初めて触る技術でした。どのようなものなのかまず知ろうということで『Atomic Design』という本を読んで予習することにしました。この時点では
Mackerelのキャラクターをアップデートした話 - Hatena Design Group
こんにちは、Mackerelチームでデザイナーをしているid:takuwologです。 突然ですが、Mackerelにはエージェント氏というキャラクターがいます。エージェント氏はサーバーにインストールする監視エージェントであるmackerel-agentをキャラクター化したものです。今回はこのエージェント氏を様々な媒体に展開するために、その造形をアップデートした話をします。 アップデート前のエージェント氏 これはMackerelのスタートガイド画面の一部で、ホストの登録をイラストを使って説明しています。ここに登場しているキャラクターがエージェント氏です。エージェント氏はホストの情報を収集するロボットです。 このイラストをもとにエージェント氏を使ったノベルティとしてステッカーを作成しました。 またMackerelのリリース3周年を祝うケーキにもなりました。このケーキはMackerel mee
WEBサービスのデザイナーが育休をとって、仕事復帰から1年経ってみての感想 - Hatena Design Group
こんにちは、はてなデザインチームの id:swimy1113 です。はてなのマンガチーム所属で、京都本社に勤務しながらコミックDAYSや週刊少年マガジン公式サイトのデザインを担当しています。 私には現在2歳半の息子がいます。最近はお手伝いブームで、「〇〇ちゃんがやる！」と主張するようになった元気な男の子です。 3年前に産休、育休合わせて1年半を取り、2017年の4月に仕事復帰をしました。 仕事復帰から1年と3ヶ月が経ち、この1年を振り返ってみると色々あったなあと思うのでこの機会に振り返りのブログを書くことにしました。 1年半仕事を全くせずに育児と家事だけをしていたので、本当に前みたいに働けるのか？！という心配と、準備を進めるにつれ具体的にどうしようという悩み、先輩社員に聞いた保育園あるあるの心配事など。同じように仕事復帰の悩みを抱えている方に、少しでも参考になれば幸いです。 育児・家事しな
縦組みのデザイン - Hatena Design Group
こんにちは。現在カクヨムのデザインを担当しておりますデザイナーの id:murata_s です。 先日、カクヨムでは縦組み機能をベータリリースしました。これは文字通りウェブブラウザ上で小説を縦組みで表示することができる機能です。リリース後書き手ユーザーの皆さまを中心に多くの反響がありました。 この機能開発では、基本的な組方向に関する変更に加え、画面のデザイン的にも新しい試みを行っています。そこで、今回はウェブにおける縦組みのデザイン事例としてこれを紹介します。 小説を縦組みで読みたい ウェブ小説を縦組みで読みたいという、シンプルなモチベーションで始まった縦組み機能の開発ですが、アイデア自体はサービスの立ち上げ当初からチーム内で挙がっていました。日本語で紡がれた物語を縦組みで読みたいという欲求は、小説文化に親しみのある者なら誰もが思うことだと思います。実際にご利用いただいているユーザーさんと
「はてなとペパボのデザイン山アワー」を開催します #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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
