いい感じのアニメーション研究会 - Hatena Design Group
こんにちは。id:akawakami です。今回は、はてなデザイングループで定期開催している「デザインゼミ」から「いい感じのアニメーション研究会」というプレゼンテーションをご紹介します。 デザインゼミとは デザインゼミは、はてなデザイングループの取り組みの一つで、社内メンバーに限定したクローズドな勉強会です。プレゼンテーションのテーマは自由。シニアデザイナーが交代で講師を担当します。 日頃蓄積された知見や経験、個人的な関心テーマ、ちょっとした工夫などを、みんなで聞いたり、話したりして、わいわい出来る、ちょっと砕けた感じのまかない勉強会です。 気軽な会なので、体系立てられた深い知識でなくても、超個人的な思いつきやアイデア、細かすぎるネタなどもテーマに採用しやすく、講師を担当する側としても、楽しみながらプレゼンテーションの準備が出来ています。 いい感じのアニメーション研究会 最近の個人的な関心
ロゴはこうして出来ました - Hatena Design Group
こんにちは。 id:akawakami です。はてなの企業ロゴリニューアルを担当しました。 はてなでは、20周年を機に企業ロゴのリニューアルを行いました。ロゴマークのコンセプトなど、表現上の意図についてはプレスリリースで触れられているので、ここでは制作面にフォーカスして、ロゴマークのデザインをご紹介したいと思います。 hatenacorp.jp はてなロゴの変遷 今回リニューアルしたロゴマークは、はてなの企業ロゴとしては4代目となります。 2001年 〜 2005年 「人力検索はてな（人力検索サイトはてな）」とともにデビューした、はてなの最初のロゴマークです。 2005年 〜 2007年 ブロックを組み合わせてはてなマークを表現したロゴマークです。この時に生まれたはてなマークの表現が、その後のロゴマークに踏襲されていきます。 2007年 〜 2021年 ブロックのはてなマークをシンプルにア
魔法の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:ueday です。先日、はてなブログでは「ブログの書き方・使い方講座」と称した『はてなブログ アカデミー』を公開しました。 hatenablog.com そこで、この講座がどのように作られたのかを少しご紹介します。 『はてなブログ アカデミー』とは？ 一言で説明すると「はてなブログの書き方・使い方が学べる講座形式のコンテンツ」です。 あなたが初めて自分のブログを書く場面を想像してみてください。おそらく、「なにをどう書こう」と漠然とした不安を感じるはずです。それもそのはず、ブログを書くことは「サービスの使い方を知ること」と「自分の考えを文章化すること」の合わせ技だからです。さらに、より思い通りにブログを続けるなら「写真や画像を用意すること」「読者の反応を想像すること」「継続的に書き続けること」など、さまざまな知識や技術が必要になってくるでしょう。 これらの中か
Hatena Design Hour #7 を開催しました #hatenadesign - Hatena Design Group
こんにちは。はてなデザイングループ所属のid:Hasesannです。 2019年06月07日（金）に、先日、こちらのブログからご紹介しましたデザイナーイベント『Hatena Design Hour #7』をはてな京都オフィスにて開催いたしました。今回は久しぶりの関西での開催でした。たくさんの方にご来場いただき、ありがとうございます。初めてHatena Design Hourに参加した身として、入社したばかりの私の目線でレポートをお送りします。 会場の様子です。 Hatena Design Hourのテーマは「デザインを見て、デザインを学ぶ」。プロジェクトに関わったデザイナーがデザインの見どころや制作の裏話について話しました。普段他のチームのデザインの話をつぶさに聞ける機会はあまりありませんので、こうして話を聞けることは珍しく、良い機会だなとプレゼンテーションが始まってすぐ気付きました。 今
Works - Hatena Design Group
OUR FEEL ourfeel.jp プレスリリース はてな開発のマンガビューワ、シュークリームが手掛ける 女性向けWebマンガサイト「OUR FEEL」にて採用 Art direction: id:tanemu Design: id:tymikii コミックバンチKai comicbunch-kai.com プレスリリース はてな開発のマンガビューワ、新潮社での採用2例目は「コミックバンチKai」 Art direction / Design: id:karin-o 少年ジャンプ+(App) プレスリリース はてなのアプリ専用マンガビューワを集英社が採用。2,700万ダウンロードを超える「少年ジャンプ＋」に提供開始 Art direction: id:gano-k Design: id:gano-k / id:aoym_05 / id:moxtsu3 コミック アース・スター comi
カクヨムViewerのデザインを紹介します - Hatena Design Group
こんにちは。ノベルチームでデザイナーをしている id:murata_s です。カクヨムでは昨年末にiOS/Androidアプリをリニューアルし、全体的なデザインのリファインと名称の変更をしました。約2年半ぶりのメジャーバージョンアップとなり、読むことに特化したアプリであることをより押し出しています。この記事ではこのカクヨムViewerのデザインについて、簡単に見どころの紹介をしたいと思います。 カクヨムViewer よりリッチな読書アプリを目指して このカクヨムViewerのリニューアルプロジェクトは、アプリならではのリッチな体験ができる画面を増やし使い勝手を改善することで、好みの小説が探しやすくなることや読む量が増えることを目指して始まったものでした。 アプリにとってのリッチさとは何かという話ですが、私見としては、まず画面の遷移や情報の表示のされ方がシームレスで直感的であること、それから
はてなのデザイナー自己紹介シリーズ第2回 k_44hawk - Hatena Design Group
あけましておめでとうございます。はてなデザイングループ所属のid:takuwologです。 2019年最初のブログは、はてなのデザイナー自己紹介シリーズ第2回です。今回は2018年11月に入社された id:k_44hawkさんです。 簡単に自己紹介をお願いします（趣味など） はじめまして、はてなブログチームでデザイナーをしているid:k_44hawkです。 映画と旅行と猫が好きです。 はてな入社をきっかけに京都に引っ越したので、日々、古き良き町並みを楽しみつつ過ごしています。 前職ではどんな事をやっていましたか？ 前職で6年ほどコーポレートサイトやキャンペーンサイトのデザイン制作を行っていました。その他、チームメンバーの育成や案件の管理など、デザイン以外の業務も経験しました。 入社の経緯を教えてください 転職エージェントを通してお声がけいただき、そういえばずっと「はてなブックマーク」を使っ
はてなデザイナー達の「人生の一冊」！（前編） - 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のWebじゃないデザイン - Hatena Design Group
こんにちは、Mackerelチームでデザイナーをしているid:takuwologです。 Mackerelでは展示会の出展や、Meetup・Drinkupといったユーザーイベントを定期的に開催しています。その際にフライヤーやノベルティをお客様にお渡しするため、いろいろなアイテムを作成してきました。そこで今回は最近作ったものをご紹介します。 フライヤー このフライヤーは展示会でスタッフがMackerelについて端的に説明することを目的に作りました。イラストを使ってサービスの機能や特徴を説明できるようになっており、裏面はお客様に持って帰って頂いた際の読み物という構成です。またイラストはノベルティに展開することを念頭において作りました。 扇子 今夏の展示会でブースに脚を運んで頂いたお客様にお渡しするノベルティとして作成しました。 グラフィックは扇子としての実用性を考えて普段遣いできるようなシンプル
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 です。 先日、カクヨムでは縦組み機能をベータリリースしました。これは文字通りウェブブラウザ上で小説を縦組みで表示することができる機能です。リリース後書き手ユーザーの皆さまを中心に多くの反響がありました。 この機能開発では、基本的な組方向に関する変更に加え、画面のデザイン的にも新しい試みを行っています。そこで、今回はウェブにおける縦組みのデザイン事例としてこれを紹介します。 小説を縦組みで読みたい ウェブ小説を縦組みで読みたいという、シンプルなモチベーションで始まった縦組み機能の開発ですが、アイデア自体はサービスの立ち上げ当初からチーム内で挙がっていました。日本語で紡がれた物語を縦組みで読みたいという欲求は、小説文化に親しみのある者なら誰もが思うことだと思います。実際にご利用いただいているユーザーさんと
「わかりやすさ」を軸にデザインする - Hatena Design Group
Mackerelチームでデザイナーをしているid:takuwologです。 この記事ではMackerelがどのように情報をデザインしているのかを事例を交えて紹介します。 Mackerelとはエンジニアがサーバーを管理・監視するためのサービスです。 mackerel.io サーバーの管理・監視を行なうMackerelでは多くの情報を取り扱うことになります。扱う情報は大きく分けると3つあります。 サーバーの仕様や状態などの情報 サーバーを監視するためにユーザーが追加した設定情報 チームやユーザー個人の設定情報 上記3つを合わせると情報量はとても多くなります。そのため情報を「わかりやすく」ユーザーに提示することがサービスにおいて重要になってきます。 「わかりやすさ」とは何か ユーザーは日常的にMackerelを使用してサーバーの管理・監視を行います。そのため誰がどんな時に何が目的でMackere
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
