サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
デスク環境を整える
design.hatenastaff.com
はてなノベルチームの id:murata_s です。4月1日にリニューアルした魔法のiらんどのデザインを担当しました。この記事では、本リニューアルプロジェクトで、デザイナーはどのようなことを考えてデザインの方向性を定めたのか、その思考の一部を紹介します。 プロジェクトの背景とリニューアル後の反応 リニューアル開発で手を入れる箇所を見極める 視覚に訴えるビジュアル要素 ガーリーにならないスタイリッシュさ 使われることを意識したリッチな設計 リニューアル開発でデザインに期待されること (この記事の内容は、2020年7月15日にオンライン開催したイベント「Hatena Engineer Seminar #14」での発表内容をもとにしています) プロジェクトの背景とリニューアル後の反応 魔法のiらんどは1999年12月のサービス提供開始から20年が経過している老舗サービスです。いまでも若い女性に人
こんにちは、はてなデザインチームの id:mazcoです。 2019年12月06日(金)に、デザイナー向けイベント「Hatena Design Hour #8」を開催します。前回と同じく京都オフィスでの開催となります! 今回も京都オフィスでの開催となります! ▼ お申込みはこちらから hatenadesign.connpass.com Hatena Design Hourとは、Webサービスの開発に関わっている、Webサービスに興味がある、そんな、Webサービスが大好きなデザイナーのためのイベントです。このイベントでは、はてなでWebサービスの開発に関わるデザイナーが、自身の関わるプロジェクトからホットなトピックを持ち寄り、デザインの見どころや制作の裏話を、様々な角度からご紹介します。 イベント概要 イベント名:Hatena Design Hour #8 in Kyoto 日時:2019年
こんにちは。はてなデザイングループ所属のid:Hasesannです。 2019年06月07日(金)に、先日、こちらのブログからご紹介しましたデザイナーイベント『Hatena Design Hour #7』をはてな京都オフィスにて開催いたしました。今回は久しぶりの関西での開催でした。たくさんの方にご来場いただき、ありがとうございます。初めてHatena Design Hourに参加した身として、入社したばかりの私の目線でレポートをお送りします。 会場の様子です。 Hatena Design Hourのテーマは「デザインを見て、デザインを学ぶ」。プロジェクトに関わったデザイナーがデザインの見どころや制作の裏話について話しました。普段他のチームのデザインの話をつぶさに聞ける機会はあまりありませんので、こうして話を聞けることは珍しく、良い機会だなとプレゼンテーションが始まってすぐ気付きました。 今
こんにちは、はてなデザインチームの id:mazcoです。 2019年06月07日(金)に、デザイナー向けイベント「Hatena Design Hour #7」を開催します。今回は京都オフィスでの開催となります(約4年ぶり…!)。 はてな京都オフィスでの開催です、ぜひ遊びに来てください! ▼ お申込みはこちらから hatenadesign.connpass.com Hatena Design Hourとは、Webサービスの開発に関わっている、Webサービスに興味がある、そんな、Webサービスが大好きなデザイナーのためのイベントです。このイベントでは、はてなでWebサービスの開発に関わるデザイナーが、自身の関わるプロジェクトからホットなトピックを持ち寄り、デザインの見どころや制作の裏話を、様々な角度からご紹介します。 イベント概要 イベント名:Hatena Design Hour #7 in
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
こんにちは!はてなデザイングループ所属のid:cormorantcraftです。 昨年末にお届けしたはてなデザイナー達の「人生の一冊」!(前編)、いかがでしたでしょうか? 少し間が空いてしまいましたが今回は後編をお届けしたいと思います。 本編に入る前に、改めて本企画の説明をさせていただきます。 皆さんはこれまで生きてきた中で 人生を変えてくれた! 何度も何度も読み込んだ! どうしても捨てられない! という本はあるでしょうか。 僕は勿論あります!きっと誰しもがそういった「人生の一冊」があると思うんですね。 それがなんなのかを聞いてみれば、どういったことに影響されて「はてなのデザイナー」にたどり着いたのか、がわかるはず…というのが今回の企画の趣旨です。 前回は5名の「人生の一冊」をご紹介させていただきました。残り6名、はたしてどんな名著が出てくるのか! それではいってみましょう! id:kar
こんにちは。ノベルチームでデザイナーをしている id:murata_s です。カクヨムでは昨年末にiOS/Androidアプリをリニューアルし、全体的なデザインのリファインと名称の変更をしました。約2年半ぶりのメジャーバージョンアップとなり、読むことに特化したアプリであることをより押し出しています。この記事ではこのカクヨムViewerのデザインについて、簡単に見どころの紹介をしたいと思います。 カクヨムViewer よりリッチな読書アプリを目指して このカクヨムViewerのリニューアルプロジェクトは、アプリならではのリッチな体験ができる画面を増やし使い勝手を改善することで、好みの小説が探しやすくなることや読む量が増えることを目指して始まったものでした。 アプリにとってのリッチさとは何かという話ですが、私見としては、まず画面の遷移や情報の表示のされ方がシームレスで直感的であること、それから
こんにちは。ノベルチームでデザイナーをしている id:murata_s です。先日カクヨムでは、新しいバージョンのアプリをリリースしました(iOS、Android)。読む専用のビューワーアプリとして、名称も「カクヨムViewer」と改めています。 開発面では、これまでネイティブとWebViewで構成されていたアプリに、React Nativeという技術が加えられたことが大きなトピックです。技術方面での具体的な使用感などについては一緒に開発を担当したエンジニアさんが別の機会に発表してくださるとのことですので、本稿ではデザイナー目線で触った感想を述べたいと思います。 やったこと この度のアプリ開発で導入されたReact Nativeですが、個人的にも初めて触る技術でした。どのようなものなのかまず知ろうということで『Atomic Design』という本を読んで予習することにしました。この時点では
こんにちは、Mackerelチームでデザイナーをしているid:takuwologです。 Mackerelでは展示会の出展や、Meetup・Drinkupといったユーザーイベントを定期的に開催しています。その際にフライヤーやノベルティをお客様にお渡しするため、いろいろなアイテムを作成してきました。そこで今回は最近作ったものをご紹介します。 フライヤー このフライヤーは展示会でスタッフがMackerelについて端的に説明することを目的に作りました。イラストを使ってサービスの機能や特徴を説明できるようになっており、裏面はお客様に持って帰って頂いた際の読み物という構成です。またイラストはノベルティに展開することを念頭において作りました。 扇子 今夏の展示会でブースに脚を運んで頂いたお客様にお渡しするノベルティとして作成しました。 グラフィックは扇子としての実用性を考えて普段遣いできるようなシンプル
こんにちは、Mackerelチームでデザイナーをしているid:takuwologです。 突然ですが、Mackerelにはエージェント氏というキャラクターがいます。エージェント氏はサーバーにインストールする監視エージェントであるmackerel-agentをキャラクター化したものです。今回はこのエージェント氏を様々な媒体に展開するために、その造形をアップデートした話をします。 アップデート前のエージェント氏 これはMackerelのスタートガイド画面の一部で、ホストの登録をイラストを使って説明しています。ここに登場しているキャラクターがエージェント氏です。エージェント氏はホストの情報を収集するロボットです。 このイラストをもとにエージェント氏を使ったノベルティとしてステッカーを作成しました。 またMackerelのリリース3周年を祝うケーキにもなりました。このケーキはMackerel mee
こんにちは、はてなデザインチームの id:swimy1113 です。はてなのマンガチーム所属で、京都本社に勤務しながらコミックDAYSや週刊少年マガジン公式サイトのデザインを担当しています。 私には現在2歳半の息子がいます。最近はお手伝いブームで、「〇〇ちゃんがやる!」と主張するようになった元気な男の子です。 3年前に産休、育休合わせて1年半を取り、2017年の4月に仕事復帰をしました。 仕事復帰から1年と3ヶ月が経ち、この1年を振り返ってみると色々あったなあと思うのでこの機会に振り返りのブログを書くことにしました。 1年半仕事を全くせずに育児と家事だけをしていたので、本当に前みたいに働けるのか?!という心配と、準備を進めるにつれ具体的にどうしようという悩み、先輩社員に聞いた保育園あるあるの心配事など。同じように仕事復帰の悩みを抱えている方に、少しでも参考になれば幸いです。 育児・家事しな
こんにちは、はてなデザインチームの id:ueday です。 2018年06月01日(金)に、デザイナー向けイベント「Hatena Design Hour #6」を開催します。 ▼ お申込みはこちらから https://hatenadesign.connpass.com/event/87833/ Hatena Design Hourとは、Webサービスの開発に関わっている、Webサービスに興味がある、そんな、Webサービスが大好きなデザイナーのためのイベントです。このイベントでは、はてなでWebサービスの開発に関わるデザイナーが、自身の関わるプロジェクトからホットなトピックを持ち寄り、デザインの見どころや制作の裏話を、様々な角度からご紹介します。 6回目のテーマは「コンテンツとデザイナー」。 はてなのサービスには多様なコンテンツが存在します。それらを扱うときにデザイナーたちが大切にしている
「デザインを見て、デザインを学ぶ」 Hatena Design Hourは、Webサービスの開発に関わっている、Webサービスに興味がある、そんな、Webサービスが大好きなデザイナーのためのイベントです。 このイベントでは、はてなでWebサービスの開発に関わるデザイナーが、自身の関わるプロジェクトからホットなトピックを持ち寄り、デザインの見どころや制作の裏話を、様々な角度からご紹介します。開発の現場で繰り広げられた試行錯誤や創意工夫、成功と失敗の物語から、あなたの探している問題解決のヒントが見つかるかもしれません。 Webサービスの魅力に満ち溢れた学びの時間をお楽しみ下さい。 Information 2017年12月08日(金) 19:20 - 22:00 株式会社はてな 東京オフィス 参加費: 無料 ハッシュタグ: #hatenadesign Presentation 歴史のあるサービス
こんにちは、はてなの 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回目。今回
10月21日(金)に、はてな東京オフィスにてGMOペパボ株式会社さんと合同でデザインイベント「はてなとペパボのデザイン山アワー」を開催しました。 「はてなとペパボのデザイン山アワー」では、はてなのデザイナー3名とGMOペパボのデザイナー3名が、それぞれが関わるWebサービスやプロダクトについて、普段考えていることや取り組んでるいること、試行錯誤の様子や制作裏話など多岐にわたりご紹介しました。 質疑応答では参加者の皆様から、たくさんの質問をいただき、主催側である私も非常に楽しく聞かせていただきました。また懇親会では活発な意見交換が行われており、有意義な交流の機会となりました。ご来場いただいた皆様、ありがとうございます。 はてなのプレゼンテーション はてなからは以下の3名がプレゼンテーションを行いましたので概要を紹介します。 家電の新サービス(嶋野望美) 家電会議のエントリーユニットについての
こんにちは。デザイナーの id:akawakami です。 この度、GMOペパボ株式会社さんと合同で、デザインイベント「はてなとペパボのデザイン山アワー」を開催することになりました。「はてなとペパボのデザイン山アワー」は、Webサービスの開発に関わっている、Webサービスに興味がある、そんな、Webサービスが大好きなデザイナーのためのイベントです。はてなからは、家電会議、LGTM Camera、はてなブックマークのデザインについてプレゼンテーションを行う予定です。 概要 「山とデザインは似ているかもしれない」 あのデザイン山とデザインアワーのコラボイベントがついに実現。その名も、デザイン山アワー。このイベントでは、はてなとペパボでWebサービスの開発に関わるデザイナーが、自身の関わるプロジェクトからホットなトピックを持ち寄り、デザインの見どころやこだわり、制作の裏話を、様々な角度からご紹介
こんにちは、デザイナーの id:tanemu です。 簡単にLGTMできるGIFカメラアプリ『LGTM Camera (for iPhone)』がはてラボよりリリースされました。ぜひお試しください! Webサイト lgtm.hatelabo.jp Twitter @lgtmcamera 『LGTM Camera』ではアプリのほか、Webサイト、App Store用のムービーなど、一連のデザインを担当しています。 Webサイトではスクリーンセーバー *1も配布しています。 サイトの下の方にある、ちょっとしたアニメーションを気に入ったエンジニアの id:cockscomb さんが一夜で作り上げ、急遽掲載となった一品です。 スクリーンセーバー内の画像はときどき更新される予定になっています。アプリ共々、お楽しみいただければ幸いです。 リリース記念ということで、勢いでTシャツも制作しました。Suzu
はてなブログを使っているとき、記事を書き上げて最後に押すボタンをつい、押し間違えそうになった経験はありませんか? 最後の一手を、うっかり押し間違えないように これまではてなブログの記事編集画面では「公開する」ボタンと「下書きに保存する」ボタンを並べていましたが、これにより誤って隣のボタンを押し間違えてしまうということがありました。 今回のリニューアルでは、 ドロップダウンで選んでから押すことによって、2択を1択にすることで押し間違いを防止。 それぞれの状態で、ボタンのデフォルトを変えることによって毎回悩ませることを減らしました。 下書きの状態から 公開済みの状態から インターフェースに完成はない これからも様々なユースケースを考えて、改善していきたいと思います。 ぜひ、新しくなった公開ボタンではてなブログをご利用ください!
次のページ
このページを最初にブックマークしてみませんか?
『Hatena Design Group』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く