タグ

ブックマーク / note.com (47)

  • 主観と客観を切り替える鍛錬|Miwa Kuramitsu

    突然ですが、ここに一つのプロダクトがあるとします。 そのプロダクトを見つめる視線には様々な種類があります。 そのプロダクトを利用しているユーザーの視点、利用していないが存在は知っているという人の視点、それをつくるデザイナーの視点、プロダクトを運営している会社経営者の視点… もしあなたがデザイナーであれば、デザイナーの視点だけが唯一自分で体感できる「主観」で、それ以外はすべて「客観」となります。 主観と客観のスイッチング プロダクトデザイナーはユーザーの期待通りに正しく動くしくみを設計し、「このプロダクトを利用した時に、ユーザーの生活はどう変化していくのだろうか?」と問いを立てながらアウトプットを評価していきます。 自らの考える理想像をデザインしながら、一方でそれに触れるユーザーの様子を想像する…プロダクトデザイナーは主観と客観を電気のスイッチのように瞬時に切り替えることに長けた人が多いイメ

    主観と客観を切り替える鍛錬|Miwa Kuramitsu
  • 心のバリアを取り去って「正規表現」に取り組む一歩を踏み出すためのメモ|DTP Transit 別館

    長年、後回しにしてきた「正規表現」。四の五の言わずにはじめようよ!と20年前の自分に伝えたく、まとめてみました。 詳しい方が見ると、乱暴だったり、おかしなところがあると思いますが、入り口に立つことが大切だと考えています(書いた人は文系・グラフィックデザイン関連です)。 はじめにたとえば、文章中に「コンピュータ」と「コンピューター」が混在していて、これを「コンピューター」に統一したいとき、あなたなら、どうしますか? 単純な検索置換なら、次のような順番で処理できます。 ❶「コンピューター」を「コンピュータ」に一括置換する ❷「コンピュータ」を「コンピューター」に一括置換する ❸ ちょっと心配なので「ーー」(音引きの繰り返し)をチェック これはこれでアリなのですが、1回の作業でできたらベターです。 しかし、「コンピュ-タ」のように正しく音引き(ー)が入力されていない場合には単純な検索置換ではお手

    心のバリアを取り去って「正規表現」に取り組む一歩を踏み出すためのメモ|DTP Transit 別館
    oyssi
    oyssi 2021/03/20
  • シャニマスのチェックボックスから見る色弱者の世界|謝罪P

    先日のアップデートシャニマスUI周りに色々と手が加えられた。 その中でも個人的に嬉しかったのは、ソートに関連するチェックボックスのON/OFFが見やすくなっていたことだ。 大多数のユーザーにとっては「まあ確かにね」くらいのものかもしれない。しかし私は「これでようやくまともにソート機能が使える」とひそかに歓喜した。一部のユーザーも共感してくれるのではないだろうか。 なぜなら私の目に映った変化は以下のようなものだったから。 チェックの光沢の有無でかろうじて判別していた(ひよこ鑑定士か?)この見え方の差異は、私が『色覚マイノリティ』、いわゆる『色弱者』であることに起因する。 『色弱者』って何?光(色)を感じる視細胞が何らかの原因により欠損、または十分に機能しないことによって色の見え方が一般とは違う人のことを、記事では『色弱者』という呼称で表記する。 日人男性の5%、女性の0.2%がこの色

    シャニマスのチェックボックスから見る色弱者の世界|謝罪P
  • アメリカの美大で学んだこと05:「絵がうまい」より大切なこと|Kenta Shimbo

    突然ですが絵がうまい人ってたくさんいますよね。 SNSなんか見てると、もう全人類が自分より絵が上手いんじゃないかって思えてきて、凹むことさえあります。笑 僕は23歳のド素人として美大に入学したので(うちの学校はポートフォリオ審査や美術スキルのテストは無いので当に素人でした)、入学時点でのスキルは学校内ではすごく下の方でした。 さて、絵がうまいのはコンセプトアーティストとして働く上で当然大きなアドバンテージになりますが、一番大事なことが「絵がうまいこと」かと聞かれれば、、、どうなんでしょう? 今回は「絵がうまいこと」よりもっと大切なことがあるぞ、と教わった授業の話です。 絵の天才じゃない人は何で勝負するの?学校が3年目に突入すると、基礎授業が終わり、だんだんとコンセプトアートらしい授業が始まります。そんな中、ある授業で教授がこんな質問をしてきます。 「さて、この中(教室内)に絵の天才はいな

    アメリカの美大で学んだこと05:「絵がうまい」より大切なこと|Kenta Shimbo
  • 気になる会社におためし入社できる「workhop」をつくるまで|kmagai

    CASHのリリース直後の創業期に入社した僕は、いきなりカオスにブチ込まれることになります。 当時僕以外のメンバーは、お金や荷物の管理、Androidのリリースなどで手がいっぱいだったため、いきなりCASHのiOSアプリとサーバーサイドを引き継ぐことになりました。 最初の頃の僕は正論野郎でしかなく、重要でないところでやけに凝ってしまったり、どうでもいいところにツッコミを入れてしまったりして、一緒に働いていたメンバーは何だコイツと思ったとおもいます。すみません。 反省し悟りを開いてからは、開発スピードを保ちながら崩壊させないような、自分なりのプロダクトとの向き合い方をBCU30というカンファレンスでお話したりもしました(Best Session Awardというのをもらえてラッキー) ネットで叩かれたり、メンバーが1ヶ月ごとに倍になったり、メルカリが競合サービスを出したり、DMMに買収されたり

    気になる会社におためし入社できる「workhop」をつくるまで|kmagai
  • リモートワークが 超快適になる製品10選 〜仕事に本気なあなたに〜|村上僚

    10年かけて作った、めっちゃ快適なデスク環境を、惜しみなく公開します。これであなたの生産性もきっとあがる! リモートワーク/自宅勤務 が格化するなか、自宅の作業環境を改善し、仕事気になりたい方への記事です。 筆者は、「作業環境だけは、自分に合うものを選びぬく。」と決めてますので、やりきります。た、多少・・・財布が痛んでも・・・。 その結果、「デスク環境系の記事は、これ一で大丈夫」というくらい網羅的な記事ができたつもりです。 追記: リモートワークの文脈で、Zoom映えするための記事も書きました。 併せてご覧いただけると幸いです。 After & Before 以下のおすすめを、全部購入して配置すると、以下のようになります。 正面からだと、以下のようになります。 うん、クリーンだと思います。 机の上も下もケーブルがほぼ見えません。 ちなみに引っ越し直後(1年前)は、、、こんな感じでし

    リモートワークが 超快適になる製品10選 〜仕事に本気なあなたに〜|村上僚
  • 100日間おなじ商品を買い続けることでコンビニ店員からあだ名をつけられるか。|yosano

    はじめに コンビニ 便利ですよね。 お弁当 飲みもの おかし 雑誌 タバコ お酒 日用品。必要なものはコンビニに行けばだいたい売っています。昼コーヒーを買うために毎日同じコンビニで買い物するという人もたくさんいるでしょう。もはやコンビニで買い物することは現代人にとって生活の一部といえますね。 ただ、毎日おなじものを買っていることで「店員さんにあだ名を付けられているのではないか」と不安になったことはありませんか? 100日間おなじ商品を買い続けることでコンビニ店員からあだ名をつけられるか。 それを検証したいと思います。 私が100日間買い続けるもの、それはビスコです。 ビスコ ビスコとはなにか、という説明をする必要はないと思いますが、なぜ私が毎日買う商品としてビスコを選んだのか説明します。 ・おいしい ・オフィスグリコというものがあるように、職場で毎日べても違和感がない ・3つ小分けに

    100日間おなじ商品を買い続けることでコンビニ店員からあだ名をつけられるか。|yosano
  • UXデザインを学ぶデザイナーが絶対に読むべきnote厳選21本|あっくん | Maslow|note

    去年書いたこちらの記事で実は「UXデザイン」というカテゴリーもつくる予定だったのですが、それだけで3、4つだけ選ぶのが難しいぐらい神noteが存在していたので、今回はUXデザインのみで記事をまとめてみました。 これからUXデザイナーを目指す方や現役UXデザイナーの方はもちろん、全ての方に学びになることが書かれているので、ぜひ読んでみて頂ければ幸いです。 〜 神noteとは?〜 新しい視点や気づきを与えてくれて、デザイナーに限らず、全ての人の学びになるような、非常に有益なまるで神様のように有難い存在のnoteのこと。1、SNS時代のマーケティングフレームワーク「DRESS」とは? 〜 DRESSとは?〜 ・Discovery(発見) ・Response(反応、共感) ・Experience(体験) ・Story(物語化) ・Share(共有) 2、「Amazonのプライムビデオが難しい」とい

    UXデザインを学ぶデザイナーが絶対に読むべきnote厳選21本|あっくん | Maslow|note
  • 2019好きなゲームUI/UXまとめ|尾形

    記事はアドベントカレンダー「Game Graphic Design Advent Calendar 2019」用に書きました。 ----------------------------------------------- 記事内容の削除についてのお詫びにつきまして 記事は、ゲームタイトルの作例をもとに自分の目線で文章を書いておりました。 しかし、「ゲームUI演出ブログ」での記事削除などの事例もあり、 法的な部分での判断により記事を削除いたしました。 記事にコメントを寄せていただいた方、みていただいた方々、そしてご紹介したゲームタイトルに関わっていた制作者の皆様方、当に申し訳ございませんでした。 中には記事になったものに対して不快に思われた方もいるかもしれません。 制作者の皆様に強く敬意を表すとともに、以後改めて著作物であることを強く意識していこうと思います。

    2019好きなゲームUI/UXまとめ|尾形
  • 企画を元にゲームのUIを作るときの流れ|tkm

    「Game Graphic Design Advent Calendar 2019」の初日の記事です。 ゲーム制作に関する素敵な記事がたくさん公開されると思いますので、私自身もワクワクしてます。 言い出しっぺとして、初日としてまず何を書こうかなと思ってたんですが、以前Twitterでチラッとつぶやいた「普段ゲームUIを作るときってどういう工程があって、どういう流れで作っているか」をまとめてみたいと思います。 というのも、いろいろな方から「何から手を付けていいのか…」「デザインが上手くまとまらない」「デザイナーが社内外注みたいになってしまって…」みたいな話をよく聞きまして。 そのアンサーになるかは分かりませんが、自分の場合はこういうフローで、こういうことを意識してますよ。というのを書いてみたいと思います。 もちろん組織や人によってやり方は様々だと思いますので、こんな風にやってる人もいるんだ、

    企画を元にゲームのUIを作るときの流れ|tkm
  • なぜクックパッドで絵を本気で教えようと思ったのか|kaori mishima / みっしー@cookpad

    クックパッドデザイナーの三嶋です。こんにちは。 さて今日は会社でなぜか絵を気で教えている話をしようと思います。 私はバックグラウンドがIT業界のデザイナーには珍しく(?)アカデミックなデザインを学んできた経歴があります。東京芸大で絵を気で学びました。 高校一年生の頃から絵の予備校に通い、鉛筆で24インチのモニターよりも大きな画用紙(木炭紙大というサイズです)に絵を描き続けてきました。2浪して大学に入ったので、5年間ずっと毎日絵を描いて過ごしてきました。最近ブルーピリオドという漫画が出て、その頃の生活をリアルに思い出しています。あの漫画はとてもリアル。心情までリアル。リアルすぎて自分の限界まで苦しみながら頑張っていた頃を思い出して苦しい気持ちになります。 私はその5年間で自分の限界まで何かに気で取り組むこと、なぜうまくならないのか気で考え続けることをずっとやっていました。PDCAをま

    なぜクックパッドで絵を本気で教えようと思ったのか|kaori mishima / みっしー@cookpad
  • Webサイトのメインビジュアルの構図を集めて分析してみた。|ameko

    初めまして、ameko(@tk04amedama)と申します。 普段は都内の制作会社でWEBデザイナーをしています。 と言ってもまだまだ新米なので、日々勉強中です。 その勉強の一環で、最近のWebサイトで使われている メインビジュアルの構図を一覧にしてまとめた画像をTwitterに投稿してみたところ、思いがけず多くの方に反応いただけたので、その後に行っていた構図ごとの分類分けや分析も公開してみようと思い、初めてnoteに投稿してみました。 はじめに集めたサイトの数は全部で70個。自分の仕事の参考のために集めたものなのでほとんどがBtoB向けサイトです。(BtoC向けサイトだと、この構図一覧もまた、全然違うものになりそうだなと思う。) 構図の名前は、なんとなく自分なりに語呂がいい名前をつけているだけなので、あまり突っ込まずふんわり流していただけると幸いです。(もしこの構図の正式名称とかあった

    Webサイトのメインビジュアルの構図を集めて分析してみた。|ameko
  • 一時間かけてブラジャーを試着したら、黄泉の国から戦士たちが戻ってきた|岸田 奈美

    ※下着のお話なので、苦手な方はご注意ください。 わりと、こだわりの強いタイプです。 でも、これだけは決めているんです。 「モテている女」のアドバイスにだけは、一切のプライドをかなぐり捨て、従うことを。 東にパーソナルトレーニングジムがあると聞けば、私財を投じて馳せ参じ。 西に3kg痩せ見えパンツがあると聞けば、半月間もやしをすすることになろうと手に入れる。 情報に振り回されすぎて、5日間絶ダイエットをした直後、コラーゲン鍋をかっ込んで東梅田の真ん中で吐いた時は、どうかと思ったけど。 とにもかくにも、この3年間、慎ましやかにそんな感じです。 先日、弊社ビルの同じフロアで働く、モテ女と慎ましやかに飲みまして。 「ブラデリスニューヨークのブラジャーだけは絶対買うべき」と言われまして。 行ったんですよ。飲みが終わった、その足で。 ゆるふわフットワークです。ふわっふわに浮ついてます。 ブラデリスニ

    一時間かけてブラジャーを試着したら、黄泉の国から戦士たちが戻ってきた|岸田 奈美
  • プロは試作品をたくさんつくる。はじめて作る人ほど、最初から完成品を作ろうとする。|米光一成

    「グラフィックを詰めずにゲームのプロトタイプを量産する方法は現代でも通用するのか」というテキストを読んだ。 「現代においてグラフィックの伴わないプロトタイプに意味はあるのか?」という問いが書かれている。興味深い。 面白いゲームがネット上にたくさんあるのに、グラフィックがしょぼいゲームなんて誰もダウンロードしないから、“ゲームの核だけを煮詰めたプロトタイプは誰にも見向きされないまま電子の海に沈んでいきます。これではプロトタイピングの意味がありません。”と。 さらに“もはやグラフィック無しではゲームは評価の舞台にすら登れない”と述べて、先輩の意見は間違ってると解く。 ううむ。 っていう記事を過去に書いたりしてるので、応答してみる。 「グラフィックを詰めずにゲームのプロトタイプを量産する方法は現代でも通用するのか」という問いは、問いそのものが矛盾している。 システムだろうがグラフィックだろうが「

    プロは試作品をたくさんつくる。はじめて作る人ほど、最初から完成品を作ろうとする。|米光一成
  • フォント選びに迷ったら見返したい、おすすめ定番フォント31選まとめ (欧文編)|原田 佳樹 Harada Yoshiki

    こんにちは!トライブグループという会社でCDOをやっています、原田佳樹 @yoshigorouu といいます。前回はこんな記事を書きました! 今回の記事では、デザイナーが抑えておくべき定番欧文フォント31個(+おまけ)をまとめました。世の中で使われている大体のフォントをまとめてあるので、何かデザインするときの辞書的な感じになれば嬉しいです。 1. フォントの世界に魅入ったきっかけ私のデザイナーとしてのキャリアはスタートアップ歴が長いので、スキルセットがサービスデザインに寄っています。客観的に見てもグラフィカル領域(特にサービスロゴ)が弱く、それを強化したい気持ちは前からありました。 世の中にある様々なサービスロゴを見ていくと、大体のロゴはシンボル+タイポグラフィで構成されています。なので、フォントについて多少なりとも詳しくなれば、ロゴ制作の半分は出来るのではと思うようになりました。 リサー

    フォント選びに迷ったら見返したい、おすすめ定番フォント31選まとめ (欧文編)|原田 佳樹 Harada Yoshiki
  • 【photoshop】風景写真をイラスト・アニメ風に加工する|ヱノプルギスの夜 / こころ動かす者

    (2019.02.23に書いたブリコルールのブログ記事の引越しです) 写真をイラストっぽく使いたいなどの局面はいろいろありまして、備忘録も兼ねて。 会社の近所で撮影した写真をこんな感じでイラスト風にして、弊社のキャラクターと合わせてみました。まあまあアニメのワンシーンのようにも見えなくもない?? 最近だと、アプリで簡単に写真をイラスト風に変換できるものもありますが、photoshopを使います。 ベースとなるレイヤーを作成・調整する もとの写真はこちらです。 なんの変哲もない、何年か前に撮ってフォルダの奥底で眠っていた写真ですが、空を抜きやすい写真を選ぶとよいです。 【イメージ】>【色調補正】>【HDRトーン…】を選択します。 他のサイトなどでもHDRトーンを使って紹介しているところは多いです。私もこれを使います。HDRトーンの正しい使い方は正直なところ自分はわかっていません…。調整がまと

    【photoshop】風景写真をイラスト・アニメ風に加工する|ヱノプルギスの夜 / こころ動かす者
    oyssi
    oyssi 2019/04/12
  • 最高のおにぎりの作り方|樋口直哉(TravelingFoodLab.)

    なにを隠そう僕はおにぎりが大好きです。しかし、おにぎりをつくることは誰にでもできますが「おいしいおにぎり」を作るのは案外、難しいもの。最高のおにぎりに必要な要素は「ご飯がふんわりとして」「表面がベタつかずに噛むとほろほろと崩れ」「適切な塩味がついている」の3つ。 従来の作り方は ご飯がアツアツのうちに塩(または塩水)をつけた手にごはんをとり、三角形(または俵型)に握るというもの。 まず、ご飯を手で握ると雑菌が付着し、それが時間経過とともに増殖し味を損ねるのでここから見直すことにしましょう。ラップを使っておにぎりを包むのは今では一般的ですよね。 適切な塩味を探るまず適切な塩分濃度を比較検討しました。 前述の記事にあるYuka方式を採用し、広げたラップに塩を振ったところに、ご飯をのせて軽く丸めます。 ご飯の量は100gとしました。コンビニエンスストアのおにぎりも通常、一個100g以上に設定され

    最高のおにぎりの作り方|樋口直哉(TravelingFoodLab.)
    oyssi
    oyssi 2019/04/05
    おむすび🍙
  • 日本人がNASAで働くには|大丸拓郎

    このnoteは日の大学を卒業した筆者が、コネクションゼロの状態から、アメリカの大学への留学を挟まずに、NASAへの就職を果たした過程を記録したものです。これからNASAを目指す人、また夢を叶えようと努力している人の考え方のヒントになれば幸いです。 一度きりの人生をかけてこれをやる2012年の夏、NASAの1機の探査機が火星に着陸した。キュリオシティという名のその白いローバーは、胴体からまっすぐに伸びた首の先に大きな目玉がついた頭を持ち、足についた6つの頑丈な車輪で火星の荒れ地を走る。長い腕を伸ばしドリルで岩石を削り、それを体の中に入れその場で調べる。これまでのどんな探査機とも異なるその姿は、僕の目にはまるで生き物かのように写っていた。 当時僕は東北大学に通う大学院修士課程1年生の学生で、休日のエアコンの切れた蒸し暑い研究室で一人、実験の待ち時間にパソコンの画面に釘付けになっていた。キュリ

    日本人がNASAで働くには|大丸拓郎
  • フロントエンドエンジニアから、デザイナーさんに意識してほしい10のこと|Pittan|note

    フロントエンドエンジニアとデザイナーさんは日々協力してプロダクトを作っていく関係にあります。デザイナーさんが作ってくれたものをエンジニアが素早く実現できるよう、いくつかエンジニアから意識してほしいことをまとめました。 なんでこんな話になったのか(前置きなので次の章まで飛ばしてOKです) デザイナーさんから「この画面をこんな風に作ってください」とXDやSketch、PSDなどいろいろな形で渡されることがあると思います。 僕の個人的な意見・経験ですが、いざ実装するぞとなったときに 「あれ…ここってどうしたらいいんだろう?」 と迷って作業のスピードが落ちてしまうことがとてもストレスに感じていました。できればノンストップでいきたいなあと思うわけです。 手が止まるたび、デザイナーさんに「ここってどうしたらいいですか?」と質問するのが何か新しい画面を作るときに必ず発生していました。 「(いつも聞いてる

    フロントエンドエンジニアから、デザイナーさんに意識してほしい10のこと|Pittan|note
    oyssi
    oyssi 2018/11/05
    ブコメ見てから内容読んだけど、これはデザイナーの範疇だと思う。知らないこともあったので勉強になった。「これだからデザイナーは」とか言わないで、「こういうところに意識して、と共有してくれる人は大事。
  • 13分でデートを決めて 26時間で交際を始め 15日で婚約して 1ヶ月で結婚するまでの話|わんど (h.hosono)|note

    FacebookやTwitterの方で報告しましたが日入籍しました。 結婚どころか、付き合っていることすら知らない人が多い中の、 突然の発表になってしまったので、結婚に至る経緯を書きます。 相手との出会い相手は大学時代の知り合いで、当時は友達と遊ぶ場にいたりなど4、5回くらい会う関係でした。Twitterで相互フォロー中。 今年の7月に共通フォロワーの平日夜のお誘いに2人が乗っかり、 そこで6年ぶりに再会し3人で飲み、LINEを交換する。 デートに誘うまでデザインあ展に自分が行った翌日に行っていたのをTwitterで見かけて、 感想でも話そうかと、飲み会で会った以来2ヶ月振りにメッセージを送る。 感想の話をするつもりが、「一緒に行ったら面白かったかも」と言われたので、誘うのがマナーかと思い、デートを提案。 13分でデートが決まる。 その後のやりとり翌日休みだったこともあり、その後もLIN

    13分でデートを決めて 26時間で交際を始め 15日で婚約して 1ヶ月で結婚するまでの話|わんど (h.hosono)|note