コードでデザインをするということ｜Hiroki Tani
この記事は2022年12月10日開催のSpectrum Tokyo Design Fest 2022で話したセッションの内容を文字起こししたものです。 僕は15年ほどWebに関する業界で働いています。はじめは小さなベンチャーでWebデザイナーとして仕事をはじめ、自分でデザインして自分でコーディングするというキャリアからはじまりました。それからフロントエンドデベロッパー、UXエンジニア、デザインエンジニアと肩書を変えてきています。 その中で、CSS設計の書籍の執筆や、Figmaのプラグイン開発、デザインシステムのリードなどの活動をしてるんですが、基本的にはコードを書くことをメインにしつつも、デザインに近い領域で仕事をしてきています。 Code is a Material僕がデザインとコードの両方についての考えを巡らせるきっかけになったのは、2019年に観たデザインシステムのカンファレンスのい
UIから「白」が消える日｜ritar
これは designing plus nine Advent Calendar 19日目の記事です。 こんにちは。ritarと申します。 今年の10月頃、YouTubeに大きいデザイン変更がありました。 アイコンの変更、角丸やレイアウトなど全体的に一新されているのですが、中でも自分が仰天したのは「アンビエントモード」という新機能です。 アンビエントモードこのモードをオンにすると、動画の下側のUI領域が、まるで動画部分から光が漏れているかのようにじんわりと色づきます。 これを見たとき自分は度肝を抜かれました。なんたってUIの領域にコンテンツの色が侵食しているのです。 これを踏まえて、最近UIと色について考えたことを、UIデザインの歴史を振り返りながら記していきます。先に要点を言うと、UIはどんどん「無色透明」になっていくと考えます。これは「技術が生活に浸透することによってUIは存在感を減らし
2022 モリサワ新書体
ブックデザイナー 佐藤亜沙美さん特別インタビュー！ 〜マトリクスで解析？！2022年新書体の「活かし方・組み合わせ方・使い方」〜
新聞広告に「書体名」を掲載したのはなぜ！？ ファミリーマートの新プライベートブランド「ファミマル」のパッケージデザインの舞台裏に迫る ｜モリサワ note編集部
新聞広告に「書体名」を掲載したのはなぜ！？ ファミリーマートの新プライベートブランド「ファミマル」のパッケージデザインの舞台裏に迫る 新聞広告は時代を映す鏡…なんて言われますが、そこで使われているフォントも気になるモリサワnote編集部です。 2021 年10月19日朝刊に掲載された全面見開き（30段と言われます）広告に、社内がざわめきました。ファミリーマートの新しいプライベートブランド（PB）「ファミマル」をお披露目する内容です。 今回、その広告をきっかけに、パッケージデザインの舞台裏を追いかけてみることになりました！ 2021 年10月19日掲載 読売新聞30段広告 より1. A1ゴシックの名が広告に!?冒頭の広告では「社内資料ですが、広告します。」とのコピーとともに、パッケージデザインのコンセプトやガイドラインが細かく紹介されています。よくよく見てみると、そこに「書体名：A1ゴシック
SMBCホームページ、デザインリニューアルの裏側。｜SMBC DESIGN
こんにちは。デザインチームの八嶋です。2021年3月22日、SMBCのホームページが大幅にリニューアルされました。このホームページリニューアルは、約5年ぶりの大幅リニューアルでページ数は約1500ページにも及ぶ大プロジェクトでした。このプロジェクトはインハウスデザイナーによるホームページのデザインディレクションとデザインチームが作ったデザインシステムによる連携で作られています。ホームページの役割からUIの設計までコアとなる部分をインハウスデザイナーが設計し、多数のパートナー様にもご協力いただき完成させています。（特にトランスコスモス様、ありがとうございます。） 今回のnoteは、ホームページリニューアルチームの一員でもある八嶋が、デザイナーの大塚とプロジェクトマネージャーの髙橋、そして、デザインシステムを担当したデザイナーの金澤にインタビューをしました！ ホームページリニューアルを通して、
ノンデザイナーでも大丈夫！見やすいプレゼン資料をつくる６つの手順｜saco｜note
こんにちは！ delyでkurashiruというレシピ動画サービスのUIデザイナーをしている@ymdscoです。 今年もやって参りました、delyのAdvent Calender！この記事は第1日目の記事になります。 また、今年は社内の参加人数も増えて、なんと、同時に2つのカレンダーが更新されていきます！ dely Advent Calender #1 dely Advent Calender #2 本日更新されるもう１つの記事は、望月さん(@0000_pg)の Ruby 3.0へ向けて、型周りをさわってみた です。 我々はいちごでサンタさんをつくりながら、型と向き合っていかないといけません🎅🎄 ↑ こんな感じの記事なので、俺はゆるふわ技術ブログが読みたいんじゃという方は是非読んでみてください。 はじめに私はdelyに6月頃転職したのですが、kurashiruのリデザイン案を20ページ
note社員のクリエイティブなリモート環境を紹介します｜note株式会社
3月26日から、noteの社員は全員在宅で働いています。もともと職種に応じてリモート勤務も選択できる働き方ではありましたが、全員が一斉にリモートとなるのははじめてのことでした。 会社からも在宅勤務手当ての導入、オフィスで使用している椅子の自宅配送などでサポートをしていますが、おどろいたのは、社員一人ひとりが前向きに楽しんで、自宅の仕事環境を整えていったこと。 Slackではインターネット回線やイヤホン、マイクをおすすめする投稿が飛び交ったり、「リモート飯」というチャンネルが生まれ、ランチのメニューや工夫を投稿したり。ポジティブでクリエイティブな空気が流れています。 中でも、社員それぞれの工夫が見出されるのは、自宅に整えられた仕事環境です。この記事では、noteのバリューにもある「クリエイティブでいこう」という考えから生まれた、noteのエンジニア、デザイナーのリモート環境を紹介します。 エ
noteの月間アクティブユーザーが6,300万突破。法人利用も半年で倍増の1,600件に。｜note株式会社
noteは2020年5月の月間アクティブユーザー（MAU※）が6,300万を超えました。新型コロナによる外出自粛要請が本格化した4月と5月に急増しています。会員登録数は260万人となり、1日に平均2.6万件が投稿される巨大なプラットフォームに成長しています。また、たくさんの方が利用する場所で自分たちのことを発信したい、社会との関係構築をしたいと考える企業や団体も増えたことで、累計1,600件の法人アカウントが開設されています。 ※MAU：1ヶ月にnoteを訪問したアクティブブラウザ数 「だれもが創作をはじめ、続けられるようにする」をミッションに掲げるnoteは、個人・法人、プロ・アマ問わず、クリエイターのみなさんが安心して使える場づくりをしていきます。 noteの最新状況 MAU2000万を超えた2019年9月末から8ヶ月でアクティブユーザーが3倍以上、増加しました。特に4月と5月の伸びが
Apple ヒューマンインターフェースガイドライン輪読のすゝめ｜osanai / ui designer
カンムでデザイナーやってます、小山内です。 iOSアプリ開発に携わる人のほとんどが読んでいるであろう Human Interface Guidelines、ひとりで黙読しただけで済ませていませんか？ ガイドラインを読んでプラットフォームの標準UIを把握することは、ユーザーの慣習を学ぶことでもあり、UI設計の拠り所を掴むことにつながります。 しかしチーム内でガイドラインの理解度や解釈が異なると、標準と異なっているデザインに気づけなかったり、スムーズに意思決定できなくなることが考えられます。 そこでカンムではフロント開発チーム内でガイドライン輪読会をすることにしました。 輪読会って？もともとカンムでやってた輪読会は、任意参加で複数人が集まって同じ本を読み、内容について意見交換したりするやつです。 どんなメリットがあるかというと、１つはひとりで読書するより理解が深まるということです。人が違えば視
『なるほどデザイン』表紙ができるまで｜筒井美希
『なるほどデザイン』といえば、なんといってもNoritakeさんのイラストが目を引く表紙が目印。たくさんの人が手に取ってくれるきっかけをつくってくれたこの表紙は、デザイナー関口裕くんの手によるものです。 表紙も自分でデザインするという選択肢も、もちろんありました。そうしなかった理由は、あまりにも内容にどっぷり浸かりすぎていて、適切な距離を置けないだろうと感じたから。もともと自分は、欲張りな性格かつ文脈を盛り込むのが好きなので、記号のように削ぎ落とした状態にするのはあまり得意でないという自覚もあった。本の内容をアラカルトで盛り付けたような、騒がしい表紙になってしまうことを恐れていたのです。 では誰に表紙を託そうか？ と考えたときに思い浮かんだのが、会社の同期であり、装丁の仕事ぶりを「上手いな〜」と思って横目に見ていた関口くんでした。今回は彼と２人で、表紙の制作プロセスを振り返る対談をお届けし
私たちはいつになったら電子書籍を”買う”ことができるのか｜inuro
もちろん、サービスの刷新時には必ず発生する「前の方が好きだマン」や、ある種もはやファンと言っても良い「ヤフー絶対許さないマン」も結構いるのだけれど、多くの人が旧eBookJapanの本のコレクション機能と閲覧機能を愛していて、それがスポイルされたことに憤っているように見受けられた。 新ebookjapanって、目的の本を買う人のためじゃなくて時間つぶしのためになんか読む（できれば無料で）、という人向けのサイトとアプリなので、旧eBookJapanで本を買い続けてきた人とは客筋が違いすぎるのに、統合しちゃったから非難しか出てこないんだよ#eBookJapan — 高橋硅 (@clovers012) March 3, 2019 ちょうど先日、「私たちは本を"消費"しているのだろうか」というnoteを書いたのだけど、そこで挙げたフローとストックの対立軸がそのまま形になって現れたような感がある。利
【翻訳してみた】Google Design - モーションデザインは難しくない｜Iori Iwaki｜Motion designer
前置き 去年の暮れ頃、最初に翻訳をしようと思ったキッカケがこの記事でした。海外ではモーションデザインに関する記事がMediumに存在し、日本語記事が存在しないことにストレスを感じていました。著者のJonasさんに連絡を取り、翻訳の許可をいただいたことからこのnoteの翻訳を始めました。 引用元 : Medium - Google Design - Motion Design Doesn't Have to be Hard 著者 : Jonas Naimark Googleのマテリアルデザインチームで働くモーションデザイナー。 彼のTwitter,Dribbleアカウントはこちら。 https://twitter.com/jonasnaimark https://dribbble.com/jonasnaimark モーションデザインはUIの表現力を向上させ、使いやすくする手立てになります。そ
簡単に美しいポートフォリオを作成できるWebサービス「RESUME」をつくった｜CatNose
コンセプトは次の3つだ。 1. ストーリーまで語るポートフォリオ 2. 全ての人のためのポートフォリオ 3. スキルや経験を美しく表現するポートフォリオ1. ストーリーまで語るポートフォリオポートフォリオではできる限り自分の有能っぷりをアピールしたい。 多くのポートフォリオは、成果物の画像や動画などのビジュアルがメインで、プロジェクトの背景やストーリーは詳しく書かれていない。 しかし、そのプロジェクトを実施したストーリーや創意工夫こそ、自分の有能さを表すと思うのだ。 Xという大きな課題があって、それを限られた予算でクリアするために数ある選択肢の中からYという方法を選んだとか クライアントのブランドコンセプトにXがあり、その価値感をもっと多くの若者に認知してもらうためにYという表現を選んだとか、そういう話を眠らせておくのはもったいない。 プロジェクトのビジュアルは、物理的なデータをきちんと保
noteのフロントエンドをNuxt.jsへ刷新します｜こんぴゅ｜note
webサービスのUXを向上させるために、表示速度は非常に大切です。 しかしながら、noteはリリース当初からフロントエンドの実行速度が遅い=表示が遅いという構造的な問題を抱えており、継続率や離脱率など重要指標に悪影響を及ぼすリスクが強くありました。 noteチームはnoteを本格的なメディアプラットフォームへ成長させるスピードを加速していきます。それを踏まえ、手遅れになる前に技術的な負債を解消し、最新のベストプラクティスに沿ったフレームワークに移行することで、高性能なサービスを提供する基盤を作っていくという決断をしました。 本ポストでは、移行プロジェクトの技術的背景や移行手順を説明します。また、途中成果のデモをUPしているのでご紹介します。 技術的な背景noteの現在のフロントエンドはAngular.js 1系で構築されたSPAです。Angular 1系はかなり複雑なUIでも簡単に構築でき
「ホタルイカの身投げ」を撮って後悔している話｜大木賢｜note
深夜の海岸線が青白く光る―毎年、春になると富山湾で「ホタルイカの身投げ」という現象が見られます。ホタルイカはふだん深海に生息している生物ですが、３月～５月頃にかけて水面近くまでやってきて、産卵します。その後また海深くへと戻るのですが、月明りのない新月の夜、方向を見失ったイカが誤って浜に近づき、波につかまって浜に打ち上げられるというのです。自らの意思に反して死を遂げるのに「身投げ」と呼ばれるのですから、ホタルイカとしてはやるせない気持ちでいっぱいでしょう。 さて、これまでの話はあくまで一説にすぎず、現代の科学をもってしても未だその生態が明らかにされていません。ゆえに出会えるだけでも幸運。海が青い光で埋め尽くされているような、いわゆる「絶景写真」を撮影し公開していたのは数人だけ。あとは点や線が疎らにあるような写真ばかりでした。この現象、地元の新聞ではたびたび紹介されることがありましたが、全国的
山の上のパン屋に人が集まるわけ｜平田 はる香
これは2018年に書いたnoteですが、2023年4月28日に「山の上のパン屋に人が集まるわけ」という本がサイボウズ式ブックスより出版されました！ 内容はこのnoteの内容ではありませんが、タイトルはこちらから取りました。私の幼少期から創業期、現在の経営までストーリーとしてお読みいただけます。こちらのnoteが気に入ってくださった方はぜひご購入していただければ幸いです！ ⏩Amazonではこちらから 初めまして。株式会社わざわざの代表の平田はる香と申します。これからnoteに経営のことを中心に書き綴っていきたいと思います。最近の趣味は、会社の現状分析です。夜に好きなお酒を飲みながらデータを見ながら会社のことを考えるのが大好きです。 このnoteにはパンと日用品の店「わざわざ」の経営から考えたことを書いていきたいと思っています。note一つ目の記事はまずこちら「山の上のパン屋に人が集まるわけ
noteの注目デザイン・マーケ・テック記事を、slackに自動配信するには？｜深津 貴之 (fladdict)
ついにnoteがRSSに本格対応！ そしてslackにも配信できるようになりました。 「#デザイン記事まとめ」や「#マーケティング記事まとめ」などを、slackに配信して、チーム全体のナレッジを効率よく高められます。 slackに記事を流す利点は、おもに以下の3つです。 ・チーム全体で最新の知識を共有できる ・チームの視点を引き上げられる ・個人RSSと違い、その場で議論ができる ・仕事の合間にそのまま知識を伸ばせるものすごい速度で、チーム全体を成長させられます。 1. 配信用のChannelを作るslackに情報フィード用のChannelを作ります。名前はなんでもOK。たとえばDesign Newsなどにしてみましょう。 2. サイドバー下部のAppボタンを押し、アプリ連携一覧を開くslackのサイドバー下部に、「Apps」とかかれたボタンがあります。こちらをクリックして、slackにR
ネット上で嫌がらせを受けた時の証拠の取り方｜みみ(Anemone)
※2/20追記致しました。 初めまして、みみと申します。普段、同人活動をしております。 Twitterや匿名掲示板などネットで嫌がらせを受けている方が多く見受けられます。中にはあまりの酷さに耐えかねていつか自殺でもしてしまうのではと心配になるようなものまであります。かくいう私も夏から嫌がらせを受けており、同じような悩みを持つ方へ向けてこちらを書いております。当方、年末にこういったツイートをさせていただきました。 ネットで嫌がらせを受けておられる方で法的対処（具体的には書き込んだ相手のIPアドレスの開示請求をして、プロバイダに相手の住所氏名を開示請求し、その後損害賠償請求などを行うといったことです）を検討されておられる方に、裁判で有効な証拠の取り方をnoteに残しておきます。同人活動だけでなくあらゆるネット上での嫌がらせについて共通のものです。スマホでのスクリーンショットのみという方が多くお
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
神アプリの噂は本当だった。もっと早く買えば良かった『GoodNotes 5』｜これ買ってよかった2021 | ライフハッカー・ジャパン
「企業によるnote活用」を整理したら4タイプだった！ 事例から学ぶ運用方法 | BACKYARD デジタルマーケティングNEWS
