村田俊英 / Designer

デザイナー特化メンターサービスの 代表と講師をしています😆 designmentor-pro.com ・デザインスキルの向上 ・クオリティの高いポートフォリオの完成 ・実務デザインのフィードバック など、さまざまな目的に対応しています。 現在は50名以上の方が契約されています。

利益のためにユーザを搾取しても 逃げおおせられるかどうか. p2ptk.org/monopoly/5490

AIで作ることのハードルが下がるほど、 デザイナーの価値は「画面を作ること」から 「判断基準を設計すること」に移っていく。 MVVはその中心にある。 飾りでもスローガンでもなく、 会社が長期で壊れないための制約。 このテーマでnoteを書きました。 note.com/inofthefor/n/n…

📝フォントラボ グンゼ株式会社 130周年特設サイト gunze.co.jp/130th/ 欧文フォント『Modak』 ・制作者自身が "sweet plump" と表現するように、文字全体がパンパンに膨らんだような、非常に肉厚なフォルムをしている。角がすべて丸められており、有機的で愛嬌のある表情が特徴 ・文字の外形が非常に太いのに対し、文字の内側の空間（カウンター）が針の穴のように小さく設計されている。この「極太の線」と「極小の空間」のコントラストが、Modak 特有のグラフィカルなリズムを生んでいる ・もともとは太い筆やマーカーで描かれた手書きのレタリングから着想を得ており、幾何学的な冷たさがなく、どこか「美味しそう」な、あるいは「温かい」質感を備えている ・インドのフォントファウンドリ Ek Type によって設計された、極めて個性的で「ふくよか」な デバナガリ文字＋ラテン文字 のディスプレイ用書体 ・Google Fonts でも提供されており、その唯一無二のシルエットは、一度見たら忘れられない強烈なインパクトをデザインに与える 日本語フォント『Dela Gothic One』 ・あらたかな（@ARTAKANA）氏によって設計された、圧倒的な重量感とフラットな構造を持つ、非常に個性的な無償のゴシック体 ・Google Fonts でも提供されており、その「一歩も引かない」ような力強い佇まいは、現代のグラフィックデザインや Web デザインのヒーローセクションにおいて、唯一無二の存在感を放つ ・日本語フォントの中でも最大級のウェイトを誇る。文字の線が非常に太く、白地の面積が極端に少ないため、画面上に配置した瞬間に視線を釘付けにする「重力」のような引力を持っている ・文字の重心が低く、全体的に四角い枠いっぱいに広がるような設計になっています。横線も縦線に負けないほど太いため、従来のゴシック体よりも「堅牢で、動じない」安定感がある ・名古屋弁の「でら（すごい、非常に）」を冠している通り、装飾性を排したシンプルながらも力強い造形が、メッセージの解像度を物理的に引き上げる

今回も興味深くて面白かったです。 竹尾さんの『なりたくないんかいっ！』が良かったです🙆‍♀️ 本、早速買ったので読みます！！ #のうきんデザインラジオ

人間の仕事は最終的にゲームになる。 人狼、推理ゲー、恋愛ゲー、シミュレーション、その人間データを、非合理や揺れを、AIが学習し続ける。 エンダーのゲームの世界。

UIのデザインをする初めの1歩を 3フェーズで紹介します🐣 デザインの初期ではデザインシステムや オートレイアウトの呪縛から抜け出して、 自由に、理想の体験を探求しましょう🥰 ----------------- 1. デザインシステムは量産システムにすぎない → デザインシステムは ・プロダクト全体の体験を一貫性のあるものにする ・複数デザイナーによるデザインの品質を保つ ・低コストで早くリリースできる ために作成されています。 つまり、全体最適や作り手の思惑が入っており ピュアにユーザーの課題に対してデザインされたものではありません。 デザインシステムが絶対的なルールである という認識は改めましょう。 デザインシステムに使われるのではなく アップデートしていく意識で活用してください。 2. 最初に、理想の体験をデザインする → UIデザイナーは今までの常識やバイアスを超えて ユーザーの課題を解決する本当の方法を探索することに 価値があります。 それには、デザイン初期フェーズで理想の体験を 探求する必要があります。 PdMやエンジニアにワクワクする理想の体験を イメージさせることが、デザイナーの最初の仕事です。 3. デザイン初期にオートレイアウトを使わない → デザインの探求では、 あらゆるレイアウトの方向性を模索するので オートレイアウトがじゃまになります。 デザインの初期段階からオートレイアウトでゴリゴリに 固めたデザインを作っているなら 理想の体験を探求できていないのかもしれません。 参考： ゴールダイレクテッドデザイン td-media.net/interview/what… 電卓を作らない note.com/hmiorroi/n/n15… 量産型UIから脱却したくて levtech.jp/media/article/… #Figma #Web #UI #UX #デ

【告知】3月27日18-19時に 「デザイン相談ライブ」を開催します😙 毎回メンティーさんにゲスト出演していだき、 Figmaの画面を映しながら工夫や学びを深堀りしていきます。 ▼詳しくはこちら note.com/inofthefor/n/n…

@keiko_aidesign @azutko 聴いていただき、とても嬉しいです！ ありがとうございます😊

@kookakingさんと@azutkoさんの #のうきんデザインラジオ　がとても勉強になる！！ 今日聴いたのは、デザイナーのnote発信法。 村田さんの言うとおり、AIでなんでも調べられてしまう今、調べてすぐに分かることではその人が書いている意味が無い。（一般論を並べるのではなく、自分の視点や経験を入れていくことが重要） 特に、「著者」×「テーマ」×「切り口」を掛け合わせることが大事。 特に切り口は難しいが、自分が好きな分野や興味があることなら、掛け合わせられると思った。 まずは完成度70%くらいでも 少しずつnoteでも発信していきたいな。

@re_d そうなんですよね、、、。 素敵なサイトなのに、少し残念だなーと思い、保存の意味も込めて！

フォントラボありがとうございます🙏 こちらのサイト、Studioだったので「筑紫Aオールド明朝」を変えなきゃなんです。。。このフォントだから出せた温度感だったんですが。。。

📝フォントラボ 株式会社ユニッジ unidge.co.jp 欧文フォント『Cormorant Garamond』 ・16世紀の伝説的なタイポグラファー、クロード・ガラモンの活字をインスピレーションの源泉としながらも、従来の「本文用フォントとしてのガラモン」とは一線を画す、「ディスプレイ（見出し）用としての美しさ」を追求してゼロから描き起こされた ・伝統的なガラモン系フォントが長文の読みやすさを重視するのに対し、Cormorant は大きなサイズで表示した際の「極細のヘアライン」と「鋭いセリフ」の対比が非常に美しく設計されている ・活版印刷の制約から解き放たれ、デジタル画面上で最も洗練されて見えるよう、ディテールが非常に緻密。シャープな曲線と高いコントラストが、画面に圧倒的な「高級感」と「緊張感」をもたらす ・デザイナーの Christian Thalmann（Catharsis Fonts）によって設計された、現代的で極めてエレガントなオープンソースのセリフ体 日本語フォント『筑紫Aオールド明朝』 ・デジタルフォントでありながら、活版印刷のような「血の通った美しさ」を追求したこの書体は、デザインに圧倒的な情緒と高級感、そして「物語性」を宿らせる ・最大の特徴は、漢字に対して「かな」が極めて小さく設計されている点。これにより、文章を組んだ際に独特の余白と抑揚が生まれ、日本語本来の流れるような美しいリズムが再現される ・大きなサイズで配置し、文字間をたっぷり（0.1em 〜 0.2em 程度）取ることで、静謐で高級感のある空気感を一瞬で作ることができる ・Cormorant Garamondと合わせると、どちらも「現代が解釈した古典」という共通項があり、非常に親和性が高い

一人目デザイナーが最初にやるべきなのは、画面をつくることじゃない。 先に必要なのは、散らかった情報や曖昧な意思決定を整理して、チームで再現できる「型」をつくること。 そんな話を書きました。 新規事業など立ち上げ期のデザイナーほど刺さるかも😙

📝フォントラボ Sumu Ueno East service.sumu-hotel.com/ja/ueno-east/ 欧文フォント『Inter』 ・多くの SaaS プロダクトで採用されており、UI/UX デザインにおける「事実上の標準（デファクトスタンダード）」となっている ・Inter がなぜこれほどまでに UI デザインで愛されるのか、その理由は「機能性」への執着にある ・小文字の高さ（x-height）が非常に大きく設計されています。これにより、10px〜11px といった極小のフォントサイズでも、文字の輪郭がはっきりと判別できる ・大文字の I（アイ）と小文字の l（エル）、数字の 1（いち）など、混同しやすい文字の形状が明確に描き分けられている ・Inter は欧文フォントとして非常に優秀だが、日本語と混ぜる際は Inter のフォントサイズを 1px〜2px 小さく設定する か、日本語側の line-height をわずかに広めに取ると、全体のバランスが整う ・Rasmus Andersson 氏によって「コンピュータの画面上で読むこと」を徹底的に追求して設計された、現代を代表するオープンソースのサンセリフ体 日本語フォント『A P-OTF あおとゴシック』 ・2021年にモリサワからリリースされた、タイプバンク（TypeBank）の DNA を継承するフォント ・名作「TBゴシック」の骨格をベースにしつつ、現代のスクリーン上でより「癖がなく、素直」に見えるようリファインされている。オーソドックスでありながら、どこか新しさを感じさせるのは、この調整の賜物 ・あおとゴシックは AP版（Advanced Pack） であるため、フォントファイル内に非常に緻密な「ペアカーニング（特定の文字の組み合わせごとの詰め情報）」を持っている ・見出しではExtra Bold (EB) を使い、letter-spacing を -0.02em 程度、わずかに詰めるとモダンで力強い印象になる ・本文ではRegular や Mediumを使い、行間（line-height）を 1.7〜1.8 とたっぷり取ることで、このフォントの「癖のなさ」が活き、長文でも目が滑らない読書体験を提供できる

デザインメンターサービスで、メンティーさん（@K_Masumoto10）がデザインしたWebサイトを紹介✨ 『ブランドフィロソフィーを、深いティールグリーンと漆黒のコントラストで表現した、モダンで高級感のあるデザインになりました』 ▼詳しくはこちら note.com/inofthefor/n/n…

過去に一瞬で消滅したアプリの、アバター版？ ぜひぜひ。 popopo.com/users/divgkxUZ…

Config2026へ行く準備はできてますか？ 海外カンファレンスは「英語大丈夫かな」「現地でぼっちにならないかな」と不安も多いはず。（私も不安） そんな不安を解消して、最高のConfig体験にするための事前ミートアップを開催します！ ぜひご参加ください🙌 techplay.jp/event/992928