何十回も読むくらい仕事でお世話になりすぎている本2冊について書いてみました。｜松永克輝｜GRIZZLLY.DESIGN
グリズリーデザインでは本当の意味でお客様のお手伝いするために常日頃から沢山の情報に触れるようにしています。 その情報源の中の１つである本、そして特に僕たちの仕事を支えてくれている本2冊について書きたいと思います。 デザイナーだからデザインだけしておけばいいのではなく、ビジネスやマーケティング、ブランディングについて知っていないと本当の意味でお客様の力になることはできないのではないかと考えています。 こう考える理由としては、僕自身が前職でデザイナーではなくマーケティングを意識した商品開発のお仕事をさせていただいていたことにあると思います。 そもそもなぜ本から学ぶのかグリズリーデザインではネットの有象無象の記事や情報ではなく、本や実績を出されている方の講座やセミナーから学ぶことを大切にしています。 やはり人間、学ぶ時間は限られており、すべての情報にタッチすることはできません。 とはいえ、読んで
コードでデザインをするということ｜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は存在感を減らし
【初心者向け】iPhone 3Dスキャンパーフェクトガイド｜iwama
こんにちはiPhone3Dスキャンを日本中に普及させる男ことiwamaです。 2020年の10月にiPnone12Proシリーズに初めてLiDARセンサーが搭載され、現在では様々な業界でiPhoneの3Dスキャンが活躍し始めています。 そこで今回はiPhone3Dスキャンって何？でどういうアプリがあるの？などの初心者向けの解説を行っていこうと思います。 ※この記事は2024年5月11日に更新作業を行なっています。 3Dスキャンについて学ぼうそもそも3Dスキャンって何？現実にある物体や空間をデジタル3Dデータ化する技術の事を(このnote内では)3Dスキャンといいます。 3Dスキャン技術には様々なモノが存在していますが今回はその中でもiPhoneで行える3Dスキャン技術である2種をざっくり解説していきたいと思います。 フォトグラメトリをざっくり解説フォトグラメトリを簡単に説明してしまうと、様
Webサイト制作をどれくらいの粒度で分解してタスク化するか｜重松佑 / Shhh inc.
プロジェクトが始まるときにかなり初期の段階でWBSを作ることは多いとおもいます。そのWBSの作成、プロマネやディレクターに任せっぱなしになっていないでしょうか。WBSはスケジュールをガントチャートで表したものを指していると思われがちですが、実はスケジュールだけでなく見積もりやアサインを精度高く行うためにも重要なものです。 たとえば「Webデザイン作成」というスコープにどのような実作業が含まれているかはWBSを作ることによって見える化しプロジェクトメンバーやクライアントと共有できるようになります。ときどき下記のように書かれたWBSを見ることがあります。 Webデザイン作成 ・作成 ・確認 ・修正 ・確認2 ・修正2 ・確定 しかし、これでは「Webデザイン作成」に必要な知識、さらには作業量・スケジュール・予算も分かりません。Webデザイン作成の例を続けると、下記のように「作成」のスコープを分
SMBCホームページ、デザインリニューアルの裏側。｜SMBC DESIGN
こんにちは。デザインチームの八嶋です。2021年3月22日、SMBCのホームページが大幅にリニューアルされました。このホームページリニューアルは、約5年ぶりの大幅リニューアルでページ数は約1500ページにも及ぶ大プロジェクトでした。このプロジェクトはインハウスデザイナーによるホームページのデザインディレクションとデザインチームが作ったデザインシステムによる連携で作られています。ホームページの役割からUIの設計までコアとなる部分をインハウスデザイナーが設計し、多数のパートナー様にもご協力いただき完成させています。（特にトランスコスモス様、ありがとうございます。） 今回のnoteは、ホームページリニューアルチームの一員でもある八嶋が、デザイナーの大塚とプロジェクトマネージャーの髙橋、そして、デザインシステムを担当したデザイナーの金澤にインタビューをしました！ ホームページリニューアルを通して、
自分のデザインをアップデートさせる20のヒント｜ハラヒロシ / デザインスタジオ・エル
20年以上デザインの仕事に携わっていますが、常に「デザインのレベル上げたい」という気持ちはあります。過去のデザインと今を見比べれば、そのときより良くなってるとは思いますし、その間、いろいろなものに触れ、経験し、学んだことが活かされているからだと思います。さて、それはいったい何なのか。 最近のテーマは、デザインの過程（思考や行動）を言語化することで再現性を高め、自分自身のデザイン力を上げていくことと、チーム全体のデザイン力の底上げを図ることです。「なんとなく良くなっている」ということではなく、デザインする際にどのように向き合い、取り組んでいるかの輪郭をあぶりだし、過程をまとめることで、恒常的にアップデートさせる下地になるのではないかと…ふだん取り組んでいることをまとめてみます。 1. 自分のモノにする「〇〇風」というデザインにするとしたら、その「〇〇風」をひたすら探し、ストックし、脳内に入れ
ノンデザイナーでも大丈夫！見やすいプレゼン資料をつくる６つの手順｜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ページ
クックパッド・デザイン戦略部1年目の歩み｜Miwa Kuramitsu
こんにちは、デザイン戦略部・部長の倉光です。クックパッドにデザイン戦略部が設立されて、6月で1周年を迎えました🎉 そこで今回は、この1年を月ごとのハイライトでまとめました。部長である私からどう見えていたか個人的な話が多めになりますが、新しくデザイン組織を立ち上げる人にとっても、立ち上げ時期の参考になればと思います。 - 2019年 -クックパッドのデザイナーは、UI/UXデザイナーと呼ばれる所謂プロダクト開発に関わるデザイナーが大半です(私もです)。当時は約25名のメンバーが所属していました。 私自身はクックパッド在籍5年目ですが、デザイン戦略部設立直前までは1年ほど育休取得していました。 5月 設立準備期間復職時にVP of Designに新たに就任した宇野に「プロダクトではなく、会社全体のためのデザイン組織を作りたい」と打診され、部署立ち上げをはじめます。(その辺りの話はcreato
バーチャル上で開催されている「ツール・ド・フランス」がめちゃくちゃ面白い｜岡田 悠
ツール・ド・フランスという自転車ロードレースがある。100年以上の歴史を持ち、世界3大スポーツイベントの1つとも称される巨大なイベントだ。毎年7月に開催される。 今年もその季節がやってきたわけであるが、ここ最近の状況下により、残念ながら秋へと延期になってしまった。その代わりに現在開催されているのが、歴史上初のバーチャル開催となる「バーチャル ツール・ド・フランス」だ。J SPORTSで観ることができる（僕はAmazonPrime経由で観ている）のだが、これがめちゃくちゃ面白い。 システムとしてはバーチャルサイクリングサービスのZwiftを活用している。実際のバイクをローラー台に設置し、仮想空間の中を走ることができるサービスだ。 漕いだパワーを変換するだけでなく、仮想空間上のコースの勾配や空気抵抗に応じてローラー台の負荷が自動的に変わる。上り坂に差し掛かれば重くなるし、誰かの後方にくっついて
BtoCのLPを成功させる為の20項目｜川端康介
こんにちは、LP制作と運用に強い制作会社nanocolorの川端(@nanocolorkwbt)です。 今回の記事でのLP(ランディングページ )とは、BtoCにおける商品購入の決済完了を目的としたLPのことです。BtoCはBtoBに比べ、比較検討期間の短さや意思決定者の少なさ、合理性よりも情緒が優先されるなどの特徴があります。 「売れたLP」か、それ以外か。 弊社にご相談いただく時に聞く言葉が「売れるLPを作って欲しい」です。販売主にとって「売れるLP」の必要性は多大にある事を重々理解しています。しかし僕は「売れるLP」はこの世には存在しないのではと考えています。 存在するのは「売れるLP」ではなく「売・れ・た」LPである。 「売れたLP」とは様々な施策実施と仮説検証の結果、目標を達成した際に表現されるLPです。そして「売れる」という状況は企業のフェーズや目標数値によって定義は曖昧です。
デザイン脳を鍛える方法｜ハラヒロシ / デザインスタジオ・エル
はじめに1998年、デザインの勉強を全くしたことがない私がデザイン業界に入り、はや22年が経ちました。数年間は下っ端生活をしていましたので、まさか20年経ってこの会社の社長になるとは、当時の自分が聞いたら失神するでしょうね…。 そんな私は、デザイナーとして際立ったスキルや作風もなければ、立派な賞とも縁がないごく普通のデザイナーなわけですが、22年間楽しく続けてこれたのはなぜだろうと思うと、デザインという仕事を通して成長が感じられるからなのかもしれません。 このnoteでは、デザインの技術ではなく、デザイナーとして成長を実感していくための「デザイン脳」の鍛え方について書きたいと思います。デザイナーとして成長したい！と思っている方の一助になれば幸いです。 思考の変遷を残しておくデザインの経験を積んでいくと、「前よりうまくなったな」と思うはずです。うまくなったというのは、デザインの原理原則が身に
任天堂デザインの輪郭 / UI Crunch #13 娯楽のUI イベントレポート｜スワン
こんにちは、スワンです( 'ω') noteではしばらくご無沙汰してたのですが、今回激戦を極めた「UI Crunch #13 娯楽のUI」に奇跡的にnoteレポート枠で受かったので、花金に早々に仕事を切り上げてご機嫌でイベントに行ってきました。 噂によると倍率40倍近くだったそうで「全盛期の東京芸術大学の受験倍率かよ」って突っ込みたくなりました（笑）ありがたい機会をゲットしたとともにいけなかった方々にこの興奮を還元するべくゴリっとイベントレポートをまとめてみようと思います。 前がき私事ですが、ちょうどこの春で働く環境が変わり、株式会社メルペイでデザイナーとして働くことになりました。社会人になって初めての、自分を取り巻く「場所」や「人」が大きく変わる体験。そしたら、まだ働き始めて本当に間もないのだけど「場所が変わるとこんなにも入ってくる情報の種類が変わってくるんだな〜」という予想外の驚きが
Apple ヒューマンインターフェースガイドライン輪読のすゝめ｜osanai / ui designer
カンムでデザイナーやってます、小山内です。 iOSアプリ開発に携わる人のほとんどが読んでいるであろう Human Interface Guidelines、ひとりで黙読しただけで済ませていませんか？ ガイドラインを読んでプラットフォームの標準UIを把握することは、ユーザーの慣習を学ぶことでもあり、UI設計の拠り所を掴むことにつながります。 しかしチーム内でガイドラインの理解度や解釈が異なると、標準と異なっているデザインに気づけなかったり、スムーズに意思決定できなくなることが考えられます。 そこでカンムではフロント開発チーム内でガイドライン輪読会をすることにしました。 輪読会って？もともとカンムでやってた輪読会は、任意参加で複数人が集まって同じ本を読み、内容について意見交換したりするやつです。 どんなメリットがあるかというと、１つはひとりで読書するより理解が深まるということです。人が違えば視
Twitterで好評だった手元に置いておきたいデザイン本13選｜上司ニシグチ
みなさま、こんにちは。上司ニシグチです。 こちらのnote記事は昨年末にリリースしたものですが、今年に入ってからもデザイン本をいくつか紹介していますので、改めて加筆（追加）させていただきました。 本当にオススメの本しか紹介しておりませんので、是非お手にとって確かめてもらえると嬉しいです。 「Twitterで好評だった手元に置いておきたいデザイン本13選」と題して、簡単にまとめてみましたので、是非ともチェックしてみてください！ ＊＊＊ − 目次 − ①文字のレイアウトで魅せる広告デザイン ②デザイナーのラフスケッチ デザインのアイデアを形にする過程 ③グッズ製作ガイドBOOK④キャラクターでもっと伝わるデザイン ⑤販促会議SPECIAL EDITION 実際に提案された秘蔵の企画書 ⑥入稿データのつくりかた⑦いとしの印刷ボーイズ ⑧配色アイデア手帖 めくって見つける新しいデザインの本 ⑨パケ
Illustratorを教える人、大きめアートボードにトンボを描く方法を指南するのはそろそろ終わりにしないか…？｜やも♡脂のレタッチ鰤☀ゲコリノフ
Illustratorを教える人、大きめアートボードにトンボを描く方法を指南するのはそろそろ終わりにしないか…？ この記事は初心者向けではありません。 Illustratorの使い方を 指導する方に向けて 書いています！ ・大きめアートボードにトンボ描いてるよ、という方→印刷会社がEPSで回しているからです。 ・印刷会社が欲しいのは位置情報です。人が見て処理するための描きトンボがいいのか、データに埋め込まれ、描きトンボとして可視化もできるTrimbox等の位置情報を使うのかはワークフローによります。増えてきているPDFネイティブなワークフローでは後者が必要。 ・移行期（の終盤）にあたる今、描きトンボも必要なら、データ上の位置情報と合わせるべきです。 大きめアートボードとは大きめアートボードにトンボを描くやり方、こういうのですね。 アートボードを実寸より大きめにしてから、中に実寸のトンボを描
Webサイトのメインビジュアルの構図を集めて分析してみた。｜ameko
初めまして、ameko(@tk04amedama)と申します。 普段は都内の制作会社でWEBデザイナーをしています。 と言ってもまだまだ新米なので、日々勉強中です。 その勉強の一環で、最近のWebサイトで使われている メインビジュアルの構図を一覧にしてまとめた画像をTwitterに投稿してみたところ、思いがけず多くの方に反応いただけたので、その後に行っていた構図ごとの分類分けや分析も公開してみようと思い、初めてnoteに投稿してみました。 はじめに集めたサイトの数は全部で７０個。自分の仕事の参考のために集めたものなのでほとんどがBtoB向けサイトです。（BtoC向けサイトだと、この構図一覧もまた、全然違うものになりそうだなと思う。） 構図の名前は、なんとなく自分なりに語呂がいい名前をつけているだけなので、あまり突っ込まずふんわり流していただけると幸いです。（もしこの構図の正式名称とかあった
『なるほどデザイン』表紙ができるまで｜筒井美希
『なるほどデザイン』といえば、なんといってもNoritakeさんのイラストが目を引く表紙が目印。たくさんの人が手に取ってくれるきっかけをつくってくれたこの表紙は、デザイナー関口裕くんの手によるものです。 表紙も自分でデザインするという選択肢も、もちろんありました。そうしなかった理由は、あまりにも内容にどっぷり浸かりすぎていて、適切な距離を置けないだろうと感じたから。もともと自分は、欲張りな性格かつ文脈を盛り込むのが好きなので、記号のように削ぎ落とした状態にするのはあまり得意でないという自覚もあった。本の内容をアラカルトで盛り付けたような、騒がしい表紙になってしまうことを恐れていたのです。 では誰に表紙を託そうか？ と考えたときに思い浮かんだのが、会社の同期であり、装丁の仕事ぶりを「上手いな〜」と思って横目に見ていた関口くんでした。今回は彼と２人で、表紙の制作プロセスを振り返る対談をお届けし
重大事故の時にどうするか？｜miyasaka
ヤフー時代の部下から突然メッセンジャーが。 「以前宮坂さんが緊急対応時に残して頂いた言葉を今度セミナーで使っていいですか？」 と。 リーダーの仕事はいっぱいあるけどなかでも大きな仕事の一つは重大事故の発生の時の陣頭指揮。平時は部下で回せるようにするのがマネジメントだけど、危機の時まで部下にまかせるわけにはいかない。 お恥ずかしながらヤフー在職中の22年で何度か重大事故を起こし関係者の人に多大な迷惑をかけてしまった。その度にその陣頭指揮をとった。 結果的にヤフーのなかでもっとも深刻な事故対策をやった人の一人じゃなかろうか。そのなかからノウハウ的なものがたまってきたものを部下にメモしておくってあげたものを彼は覚えていてくれたらしい。 彼いわく危機対応の時にすっごく役にたって指針になったといってくれて送ってくれた。 ひょっとしたら他の人にも参考になるかとおもって（若干訂正してますが）ここに残して
平日仕事終わりのデザインインプットを習慣化すると毎日が充実するという話｜yukihaayashi
こんにちは、はやし（@yukihaayashi）です。 早いものでもう6月。つまり、新卒デザイナーとして働き始めて、約2ヶ月が経ったことになります。研修を受ける毎日な訳ですが、ふとある疑問を感じるようになってきました。 それは「仕事でデザインするだけだと、インプットに偏りが出るかも...？」という疑問です。 そもそもインハウスデザイナーの魅力は、サービスを長い目で見られることだと思うのですが、1つのサービスを長く育てることができる半面、なかなかデザイナーとして幅を広げることが難しい側面があると感じています。 また「やりたいことがいっぱいあるけど、何からやればいいのかわからない」「どれも中途半端になってしまいそう」という懸念もあり、どう進めていくべきか悩んでいました。 コーチング全人類受けるべきそこで友人の鮎ちゃんにお願いしてコーチングを受けてみました。 本当に感謝🙏🙏 選択肢に迷ってい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
