はてな東京オフィスでデザイナーイベント「HatenaDesignHour#4」を開催します #hatenadesign

f:id:mazco:20160519105710p:plain

こんにちは、はてなid:yulily100 です。
6月23日(金)に、はてな東京オフィスにてデザイナー向けイベント「Hatena Design Hour #4」を開催します。

hatenacorp.jp


▼ お申込みはこちらから
https://hatenadesign.connpass.com/event/58885


Hatena Design Hourとは、Webサービスの開発に関わっている、Webサービスに興味がある、そんな、Webサービスが大好きなデザイナーのためのイベントです。このイベントでは、はてなWebサービスの開発に関わるデザイナーが、自身の関わるプロジェクトからホットなトピックを持ち寄り、デザインの見どころや制作の裏話を、様々な角度からご紹介します。

f:id:mazco:20160519105732j:plain

デザインって楽しい!

2015年に始めたHatena Design Hourはこれが4回目。今回はサブテーマとして「デザインって楽しい!」というのを設定してみました。
世の中のWebサービスのデザイナーが「どういうものを作ったか」を知ることはあっても、「どういう瞬間が楽しいか」を知ることって、あまりない。
ほかの人がどういう瞬間に楽しい!って思っているか、知れたらとっても面白そう。
そんな「楽しさ」について共有できたらと思います。
懇親会を用意していますので、皆さんの「楽しい!」瞬間についても是非お聞かせ下さい!



イベント概要

  • イベント名:Hatena Design Hour #4 in Tokyo
  • 日時:2017年6月23日(金)19:20 - 22:00(19:00受付開始・懇親会含む)
  • 参加費:無料
  • 定員:50名(応募者多数の場合は抽選とさせていただきます)
  • 会場:株式会社はてな 東京オフィス 多目的ルーム「SHIBAFU」
  • 所在地:東京都港区南青山6-5-55 青山サンライトビル3F

プログラム

プレゼンテーション
Lightning Talks
  • ビューワー改善3連発(村田智)
  • なりきってデザインする(百合佐織)
  • Hatena Design Hour(川上 淳)

お申し込み方法

以下のイベントページからお申し込みください
https://hatenadesign.connpass.com/event/58885


はてなの個人情報の考え方については、プライバシーポリシー
http://www.hatena.ne.jp/rule/privacypolicy(http://www.hatena.ne.jp/rule/privacypolicy)をご覧ください

皆さんのご参加お待ちしております!

「はてなとペパボのデザイン山アワー」を開催しました

f:id:takuwolog:20161026143526p:plain

10月21日(金)に、はてな東京オフィスにてGMOペパボ株式会社さんと合同でデザインイベント「はてなとペパボのデザイン山アワー」を開催しました。

はてなとペパボのデザイン山アワー」では、はてなのデザイナー3名とGMOペパボのデザイナー3名が、それぞれが関わるWebサービスやプロダクトについて、普段考えていることや取り組んでるいること、試行錯誤の様子や制作裏話など多岐にわたりご紹介しました。

質疑応答では参加者の皆様から、たくさんの質問をいただき、主催側である私も非常に楽しく聞かせていただきました。また懇親会では活発な意見交換が行われており、有意義な交流の機会となりました。ご来場いただいた皆様、ありがとうございます。

はてなのプレゼンテーション

はてなからは以下の3名がプレゼンテーションを行いましたので概要を紹介します。

家電の新サービス(嶋野望美)

f:id:takuwolog:20161026182050p:plain

家電会議のエントリーユニットについてのお話でした。試行錯誤しながらデザインを進めていった過程などを紹介しました。

LGTMなデザイン(種村 司)

f:id:takuwolog:20161027111554p:plain

LGTMカメラについてのお話でした。LGTMカメラに用いた書体や配色について紹介しました。

デザイン、山あり谷あり(川上 淳)

f:id:takuwolog:20161026143127p:plain

はてなブックマークのデザインについてのお話でした。グラフィックデザインWebサービスのアートディレクションの違いや、サービスに対するアートディレクションのスタンスについて紹介しました。

GMOペパボのプレゼンテーション

GMOペパボさんからは以下の3名の方がプレゼンテーションを行われましたので概要を紹介させて頂きます。

カラーミーショップ新陳代謝感謝祭(山林 茜さん)

カラーミーショップのデザインのお話でした。チーム体制やデザイン改修、リファクタリングなどの実践的なお話で非常に参考になりました。

山の登りかた(naomemeさん)

minneデザイナーのnaomemeさんがデザインをする上で大切にしていることのお話でした。目の前のことから少しだけ視野を広げることが大切だと仰っていたのが印象的でした。

デザインけもの道(岡田裕介さん)

SUZURIのデザインについてのお話でした。SUZURIをデザインする上でのデザインアプローチについて事例を交えて紹介されていました。

最後に

はてなとペパボのデザイン山アワー」にご参加いただいた皆様、本当にありがとうございました。次回の開催時にも、このブログでご案内しますので、是非奮ってご応募ください。お待ちしております。

今後も面白いイベントを企画できればと思っております。よろしくお願いします。

GMOペパボさんのレポートブログ

GMOペパボさんもイベントレポートブログを書かれているので、是非そちらも覧になって下さい。

tech.pepabo.com

「はてなとペパボのデザイン山アワー」を開催します #yamahour

f:id:akawakami:20161005180319p:plain

こんにちは。デザイナーの id:akawakami です。

この度、GMOペパボ株式会社さんと合同で、デザインイベント「はてなとペパボのデザイン山アワー」を開催することになりました。「はてなとペパボのデザイン山アワー」は、Webサービスの開発に関わっている、Webサービスに興味がある、そんな、Webサービスが大好きなデザイナーのためのイベントです。はてなからは、家電会議LGTM Cameraはてなブックマークのデザインについてプレゼンテーションを行う予定です。

概要

「山とデザインは似ているかもしれない」

あのデザイン山デザインアワーのコラボイベントがついに実現。その名も、デザイン山アワー。このイベントでは、はてなとペパボでWebサービスの開発に関わるデザイナーが、自身の関わるプロジェクトからホットなトピックを持ち寄り、デザインの見どころやこだわり、制作の裏話を、様々な角度からご紹介します。開発の現場で繰り広げられた試行錯誤や創意工夫、成功と失敗の物語など、普段はなかなか見えてこない、プロダクトの向こう側に隠されたデザインの話を、是非聞きに来てください。

詳細

  • イベント名:はてなとペパボのデザイン山アワー
  • 日時:2016年10月21日(金)19:20 - 22:00(19:00受付開始・懇親会含む)
  • 参加費:無料
  • 定員:50名(応募者多数の場合は抽選とさせていただきます)
  • 会場:株式会社はてな 東京オフィス 多目的ルーム「SHIBAFU」
  • 所在地:東京都港区南青山6-5-55 青山サンライトビル3F

参加方法

以下のページからお申し込み頂けます。ご応募お待ちしています。
http://designyama.connpass.com/event/40970/

LGTM Cameraがはてラボからリリースされました!

こんにちは、デザイナーの id:tanemu です。

簡単にLGTMできるGIFカメラアプリ『LGTM Camera (for iPhone)』がはてラボよりリリースされました。ぜひお試しください!

f:id:tanemu:20160713124133g:plain

『LGTM Camera』ではアプリのほか、Webサイト、App Store用のムービーなど、一連のデザインを担当しています。

f:id:tanemu:20160713121849p:plain

Webサイトではスクリーンセーバー *1も配布しています。

サイトの下の方にある、ちょっとしたアニメーションを気に入ったエンジニアの id:cockscomb さんが一夜で作り上げ、急遽掲載となった一品です。

スクリーンセーバー内の画像はときどき更新される予定になっています。アプリ共々、お楽しみいただければ幸いです。

f:id:tanemu:20160713122602p:plain

リリース記念ということで、勢いでTシャツも制作しました。Suzuri便利ですね。

早速さまざまなフィードバックをいただいており、チームでも検討に入っています。今後のアップデートにどうぞご期待ください。

*1:macOS El Capitanが必要です

はてなブログ・スマートフォンの新ページャ

はてなブログスマートフォンで見た時、前後の記事へのリンク(ページャ)が新しくなっていることにお気づきですか? こんな感じです。

いままでのページャは下記のようなデザインで、要素を横並びに表示していました。

f:id:ueday:20160606110527p:plain

しかし、スマートフォンの狭い画面では、長い記事タイトルのとき窮屈に見えてしまいます。また、左右どちらが新しい日付の記事なのか、一見わかりません。実際、ほかのウェブサイトを見てみると、ページャの表示方法は諸説あるようです。また、ラベル(「前・次」や「新・旧」など)も特に決まった体裁はないようでした。

はてなブログの新しいページャは、縦2列に「新しい記事」「過去の記事」を表示します。また、タイトルだけでなく記事のサムネイルを表示して、視覚的に内容をわかりやすくしました。これにより、前後の記事が読まれる可能性が高まります。

この変更は、今のところスマートフォンに対してのみ行っています。PCでの表示は、意図しないデザイン崩れを防ぐため元のままです。

なお、このブログ『つくるひと | はてな デザイナーブログ』はスマートフォンであってもPCのテーマで表示(レスポンシブモード)しています。気になる方は、ぜひスマートフォンからご自分のブログにアクセスして確かめてみてくださいね!