Pinned Tweet
デザイナー特化メンターサービスの
代表と講師をしています😆
designmentor-pro.com
・デザインスキルの向上
・クオリティの高いポートフォリオの完成
・実務デザインのフィードバック
など、さまざまな目的に対応しています。
現在は50名以上の方が契約されています。
村田俊英 / Designer retweeted
#automagic ポッドキャスト『デザイナーは何を守っているのか (村田俊英さん)』が
公開後2日で1000ダウンロードを超えて、聴いてもらえているみたいです🔥
感想が知りたい!
yasuhisa.com/automagic/379/
村田俊英 / Designer retweeted
📝フォントラボ
TRANSIT
transit.jp/
欧文フォント『Transit-Mag』
・トラベルカルチャー誌「TRANSIT」のオリジナルフォント。旅の空気感を表現するために独自にデザインされた
・最大の特徴は「角にわずかな丸み(R)」を持たせている点
・この「丸み」は、機能美だけでは表現しきれない「旅の気配」や「現地の空気(湿度)」をデザインに宿らせるための工夫。冷たすぎず、かつ洗練された独特の質感を生んでいる
・文字の幅が非常に狭く設計されており、大きな文字サイズで配置した際、画面(誌面)を圧倒するような強いインパクトを放つ
日本語フォント『平成角ゴシック』
・1990年に日本規格協会(JSA)が「コンピュータ時代に向けた新しい標準書体」として開発プロジェクトを主導し、リリースされた歴史的なフォント
・デジタル時代の黎明期に、官民一体となって「読みやすく、標準的な日本語フォント」を目指して作られたため、非常に質実剛健なキャラクターを持っている
・文字の懐が広く、重心が中央に安定している。垂直・水平のラインが強調されており、カチッとした四角いフォルムが特徴
・非常に「事務的」なトーンを持っているため、現代の洗練されたUIの中では少し硬すぎる印象を与えることがあるが、それが逆に「公的な信頼感」に繋がる
村田俊英 / Designer retweeted
📝フォントラボ
株式会社LangGenius I Dify
langgenius.co.jp/
OpenAIや現代テック最前線を象徴するSöhneと活字の品格を宿す游ゴシック!先鋭的なソリッド感と静謐な知性が完璧に調和。
欧文フォント『Söhne』
・Söhneは、ニュージーランドのタイプファウンドリ Klim Type Foundry のクリス・ソワーズビー 氏が設計し、2019年にリリースされたコンテンポラリー・グロテスク書体ファミリー
・スイス・スタイルの原点である金属活字 Akzidenz-Grotesk が持っていた無骨なエネルギーを、現代のデジタルベクターとスクリーン環境に向けて再構築した。OpenAIのブランドUIやメディアプラットフォームをはじめ、先鋭的なテックやデザインメディアで圧倒的な支持を集めている
・構造的特徴:Akzidenz-Groteskの無骨さと現代スクリーンの精緻な調律
・Helveticaよりもタイトで角ばった印象を与えるアパーチャや、直線的で厳格なストロークの切り落としを持ち、水平垂直の強いラインを保つ
・小文字の背丈 x-height が高めに確保されており、小サイズ表示でも内部空間がクリアで高い判読性を発揮する
・大文字が形成するソリッドな矩形ブロック感と、太いウエイトでも破綻しない均一な線の太細比により、見出しから本文までタイポグラフィックな強い骨格を提示する
・トーン:ネオ・ブルータリズムの鋭気と構築的な現代知性
・「先鋭的、現代的知性、ソリッド、構築美、インテリジェント、規律ある緊張感」
・Interのような完全な無機質さやHelveticaの制度的なニュートラル感とは異なり、デザイン史の文脈を背負ったソリッドで力強い意志を感じさせる
・最先端のAIプロダクト、テック系VC、デザインメディア、現代建築のアイデンティティにおいて、知的で洗練されたステートメントを確立する
------
和文フォント『游ゴシック体 Pr6N DemiBold』
・游ゴシック体 Pr6N DemiBoldは、字游工房の鳥海修 氏らが設計し、モリサワから提供されているプロフェッショナル向けオールドスタイル角ゴシック体
・末尾のPr6NはJIS X 0213:2004の印刷標準字形に準拠した高規格グリフセットを表す。書籍の長文を美しく組むことを目的に開発され、エディトリアルデザインからハイエンドなWebメディアに至るまで長文組版の基準として定着している
・構造的特徴:適度に絞り込まれたふところと文字本来の呼吸
・文字を均一な四角形に広げる近代ゴシックとは異なり、文字の内側の空間であるふところを中心に向かって適度に引き締めたオーソドックスな骨格を持つ
・漢字に対して仮名がひと回り小さく設計されており、文字本来の縦長や横長のプロポーション差を保っているため、行を組んだ際に自然な通気性が生まれ、視線が滑らかに右へ流れる
・Demiウエイトは十分なステムの肉厚さを持ち、本文用Regularで生じがちな線のかすれを防ぎつつ、文字の輪郭が際立つ均一なグレー度を保つ
・トーン:静謐な文学的気品と奥ゆかしい上質さ
・「静謐、文学的知性、奥ゆかしい品格、手仕事の呼吸、誠実、洗練された落ち着き」
・新ゴやNoto Sans JPのような都市サインやシステムUI特有の均一な無機質さを排し、活字の書物をめくるような落ち着いた体温を画面に付与する
・テキストそのものの主張を妨げず、読者の思索を邪魔しない上質な佇まいにより、思想、カルチャー、学術、プレミアムブランドのメッセージに深い説得力をもたらす
55本の入社エントリーで見えた、Resilireを選んだ理由!
「大きな課題と市場がありながら、事業としての正解が固まりきっていないタイミングに魅力を感じた」
▼何に向き合い、誰と働くか――。Resilireが選ばれた理由とは?
note.com/resilre/n/na311fec7…
村田俊英 / Designer retweeted
「ユーザーを招待する画面」の参考を探して、メールアドレスの入力欄だけ保存する。
それだと、招待したあとの設計が抜けてしまう。
村田俊英さんの10月19日の記事では、まだ参加していない相手の状態を確認できるか、招待を受けた側が参加先を把握できるかまでを見る、と書かれていた。
送った側には、相手が来たのか知りたい瞬間がある。
受け取った側には、どこに参加するのか確かめたい瞬間がある。
入力欄の形は1枚で持ち帰れても、その2人をつなぐ設計は、送信後まで見ないと持ち帰れない。
webdesigning.book.mynavi.jp/…
村田俊英 / Designer retweeted
世界中で話題になっているこの動画。やはり機械翻訳には任せられないし、当のアメリカ国民や、他の民主国の人びとに「アメリカ史に遺る最も重要な動画の一つ」と言わしめる動画なので、自分の言葉で訳し、伝えたいと思い、作業しました。敢えてクレジットは入れていないので、ご自由に利用ください。
📝フォントラボ
株式会社LangGenius I Dify
langgenius.co.jp/
OpenAIや現代テック最前線を象徴するSöhneと活字の品格を宿す游ゴシック!先鋭的なソリッド感と静謐な知性が完璧に調和。
欧文フォント『Söhne』
・Söhneは、ニュージーランドのタイプファウンドリ Klim Type Foundry のクリス・ソワーズビー 氏が設計し、2019年にリリースされたコンテンポラリー・グロテスク書体ファミリー
・スイス・スタイルの原点である金属活字 Akzidenz-Grotesk が持っていた無骨なエネルギーを、現代のデジタルベクターとスクリーン環境に向けて再構築した。OpenAIのブランドUIやメディアプラットフォームをはじめ、先鋭的なテックやデザインメディアで圧倒的な支持を集めている
・構造的特徴:Akzidenz-Groteskの無骨さと現代スクリーンの精緻な調律
・Helveticaよりもタイトで角ばった印象を与えるアパーチャや、直線的で厳格なストロークの切り落としを持ち、水平垂直の強いラインを保つ
・小文字の背丈 x-height が高めに確保されており、小サイズ表示でも内部空間がクリアで高い判読性を発揮する
・大文字が形成するソリッドな矩形ブロック感と、太いウエイトでも破綻しない均一な線の太細比により、見出しから本文までタイポグラフィックな強い骨格を提示する
・トーン:ネオ・ブルータリズムの鋭気と構築的な現代知性
・「先鋭的、現代的知性、ソリッド、構築美、インテリジェント、規律ある緊張感」
・Interのような完全な無機質さやHelveticaの制度的なニュートラル感とは異なり、デザイン史の文脈を背負ったソリッドで力強い意志を感じさせる
・最先端のAIプロダクト、テック系VC、デザインメディア、現代建築のアイデンティティにおいて、知的で洗練されたステートメントを確立する
------
和文フォント『游ゴシック体 Pr6N DemiBold』
・游ゴシック体 Pr6N DemiBoldは、字游工房の鳥海修 氏らが設計し、モリサワから提供されているプロフェッショナル向けオールドスタイル角ゴシック体
・末尾のPr6NはJIS X 0213:2004の印刷標準字形に準拠した高規格グリフセットを表す。書籍の長文を美しく組むことを目的に開発され、エディトリアルデザインからハイエンドなWebメディアに至るまで長文組版の基準として定着している
・構造的特徴:適度に絞り込まれたふところと文字本来の呼吸
・文字を均一な四角形に広げる近代ゴシックとは異なり、文字の内側の空間であるふところを中心に向かって適度に引き締めたオーソドックスな骨格を持つ
・漢字に対して仮名がひと回り小さく設計されており、文字本来の縦長や横長のプロポーション差を保っているため、行を組んだ際に自然な通気性が生まれ、視線が滑らかに右へ流れる
・Demiウエイトは十分なステムの肉厚さを持ち、本文用Regularで生じがちな線のかすれを防ぎつつ、文字の輪郭が際立つ均一なグレー度を保つ
・トーン:静謐な文学的気品と奥ゆかしい上質さ
・「静謐、文学的知性、奥ゆかしい品格、手仕事の呼吸、誠実、洗練された落ち着き」
・新ゴやNoto Sans JPのような都市サインやシステムUI特有の均一な無機質さを排し、活字の書物をめくるような落ち着いた体温を画面に付与する
・テキストそのものの主張を妨げず、読者の思索を邪魔しない上質な佇まいにより、思想、カルチャー、学術、プレミアムブランドのメッセージに深い説得力をもたらす
村田俊英 / Designer retweeted
📝フォントラボ
株式会社ロンドマーク
rondomark.jp/
スイス・スタイルの原点と日本の出版界を支えた中ゴシックBBBが共鳴!作為を削ぎ落とした普遍的な中立性と信頼感。
欧文フォント『Neue Haas Grotesk』
・Neue Haas Groteskは、1957年にマックス・ミーディンガー 氏とエドゥアルト・ホフマン 氏が生み出したHelveticaの原点を、タイプデザイナーのクリスチャン
・シュワルツ 氏が2010年に忠実にデジタル復刻したネオ・グロテスク書体ファミリー
・1980年代に規格化されたHelvetica Neueが幾何学的な均一化を進めたのに対し、スイスのハース活字鋳造所で生まれたオリジナルの金属活字が持っていたプロポーションと繊細なディテールを現代に蘇らせた。グローバル企業のブランディングから先鋭的なエディトリアルまで広く愛用されている
・構造的特徴:原点回帰の骨格と水平垂直の厳格な端部処理
・ストロークの終端は水平や垂直に厳密に切り落とされ、グリッドシステムに完璧に同調する建築的な直線性を持つ
・大文字Rの右脚が外側へ向けて優美なカーブを描くオリジナル字形や、開口部が内側へ巻き込むクラシカルなアパーチャ設計を踏襲している
・見出し用のDisplayと本文用のTextというオプティカルサイズを備えており、サイズに応じた最適な字間と線の太細比が調律されている
・トーン:スイス・モダニズムの原点と落ち着いた知性
・「客観性、制度的信頼、スイス・タイポグラフィの機能美、知的、落ち着いた秩序、普遍性」
・Helvetica Neueのような冷徹で無機質な硬さを和らげ、金属活字本来の自然な文字幅の起伏と温もりを感じさせる
・感情的な装飾を排した中立性を保ちながら、画面に上質で揺るぎない信頼感を構築する
-----------
和文フォント『中ゴシックBBB』
・中ゴシックBBBは、写植時代から日本の出版・グラフィックデザイン界を支え続けてきた伝統を受け継ぎ、モリサワがデジタルフォントとして体系化した歴史的角ゴシック体
・書籍や雑誌の本文組版における標準的な角ゴシックとして半世紀以上にわたり使用され続けており、長文を読ませるための基準としてエディトリアルデザインの現場で揺るぎない地位を築いている
・構造的特徴:伝統的活字の重心と小ぶりな仮名が織りなす可読性
・新ゴのように文字を正方形の仮想ボディいっぱいに広げる幾何学的ゴシックとは対照的に、ふところを中心に向かって適度に引き締めたオーソドックスな骨格を持つ
・漢字に対して仮名がやや小ぶりに設計されており、毛筆の運筆や筆意を残した伸びやかなカーブを持つため、行を組んだ際に適度な余白と滑らかな視線誘導が生まれる
・起筆やストロークの交差部に自然な太細の抑揚があり、均一な直線で引かれたモダンゴシックにはない有機的な安定感を行組みにもたらす
・トーン:実直な信頼感と飾らない普遍の佇まい
・「正統派、誠実、実直、出版物の安心感、普遍的、落ち着いた品格」
・現代的なシステムUIフォントが持つ記号的な冷たさを排し、活字印刷の書物を手に取ったときのような親しみと確かな知性を提示する
・奇をてらわない中立的なトーンにより、コンテンツそのものの事実性や言葉の重みをストレートに読者へ伝える
村田俊英 / Designer retweeted
AIに奪われないスキルを磨くだけでなく、自分で価値と収益を生む仕組みを持つ。
デザインする対象を、成果物から自分の事業へ。
3年間で考え、実践してきたことをnoteに書きました。
▼年でARR2,000万超え。労働の終焉から仕組みの所有へ
note.com/inofthefor/n/n5e57e…
村田俊英 / Designer retweeted
新卒や未経験からの転職で、一番大事なのは「そこまではしないやろ!」ってことをやること。ほかの大勢がやらないところまで、踏み込む。
僕は新卒のとき、博報堂アイ・スタジオ1社だけを受けて入社した。インターンもなく、面接は2回しかしていない。
当時は「学生でFlashを使って3Dまで作るやつはいない」という時代。だから海外サイトで3Dを学び、その作品をポートフォリオに入れた。
みんなと同じ土俵で競うだけじゃなく、自分が選ばれる理由をつくる。
AIに奪われないスキルを磨くだけでなく、自分で価値と収益を生む仕組みを持つ。
デザインする対象を、成果物から自分の事業へ。
3年間で考え、実践してきたことをnoteに書きました。
▼年でARR2,000万超え。労働の終焉から仕組みの所有へ
note.com/inofthefor/n/n5e57e…
📝フォントラボ
株式会社ロンドマーク
rondomark.jp/
スイス・スタイルの原点と日本の出版界を支えた中ゴシックBBBが共鳴!作為を削ぎ落とした普遍的な中立性と信頼感。
欧文フォント『Neue Haas Grotesk』
・Neue Haas Groteskは、1957年にマックス・ミーディンガー 氏とエドゥアルト・ホフマン 氏が生み出したHelveticaの原点を、タイプデザイナーのクリスチャン
・シュワルツ 氏が2010年に忠実にデジタル復刻したネオ・グロテスク書体ファミリー
・1980年代に規格化されたHelvetica Neueが幾何学的な均一化を進めたのに対し、スイスのハース活字鋳造所で生まれたオリジナルの金属活字が持っていたプロポーションと繊細なディテールを現代に蘇らせた。グローバル企業のブランディングから先鋭的なエディトリアルまで広く愛用されている
・構造的特徴:原点回帰の骨格と水平垂直の厳格な端部処理
・ストロークの終端は水平や垂直に厳密に切り落とされ、グリッドシステムに完璧に同調する建築的な直線性を持つ
・大文字Rの右脚が外側へ向けて優美なカーブを描くオリジナル字形や、開口部が内側へ巻き込むクラシカルなアパーチャ設計を踏襲している
・見出し用のDisplayと本文用のTextというオプティカルサイズを備えており、サイズに応じた最適な字間と線の太細比が調律されている
・トーン:スイス・モダニズムの原点と落ち着いた知性
・「客観性、制度的信頼、スイス・タイポグラフィの機能美、知的、落ち着いた秩序、普遍性」
・Helvetica Neueのような冷徹で無機質な硬さを和らげ、金属活字本来の自然な文字幅の起伏と温もりを感じさせる
・感情的な装飾を排した中立性を保ちながら、画面に上質で揺るぎない信頼感を構築する
-----------
和文フォント『中ゴシックBBB』
・中ゴシックBBBは、写植時代から日本の出版・グラフィックデザイン界を支え続けてきた伝統を受け継ぎ、モリサワがデジタルフォントとして体系化した歴史的角ゴシック体
・書籍や雑誌の本文組版における標準的な角ゴシックとして半世紀以上にわたり使用され続けており、長文を読ませるための基準としてエディトリアルデザインの現場で揺るぎない地位を築いている
・構造的特徴:伝統的活字の重心と小ぶりな仮名が織りなす可読性
・新ゴのように文字を正方形の仮想ボディいっぱいに広げる幾何学的ゴシックとは対照的に、ふところを中心に向かって適度に引き締めたオーソドックスな骨格を持つ
・漢字に対して仮名がやや小ぶりに設計されており、毛筆の運筆や筆意を残した伸びやかなカーブを持つため、行を組んだ際に適度な余白と滑らかな視線誘導が生まれる
・起筆やストロークの交差部に自然な太細の抑揚があり、均一な直線で引かれたモダンゴシックにはない有機的な安定感を行組みにもたらす
・トーン:実直な信頼感と飾らない普遍の佇まい
・「正統派、誠実、実直、出版物の安心感、普遍的、落ち着いた品格」
・現代的なシステムUIフォントが持つ記号的な冷たさを排し、活字印刷の書物を手に取ったときのような親しみと確かな知性を提示する
・奇をてらわない中立的なトーンにより、コンテンツそのものの事実性や言葉の重みをストレートに読者へ伝える
村田俊英 / Designer retweeted
魅力的なUIデザインを作成するために
実践しているスペーシングを紹介します✨
スペーシングはユーザーの認識と、
デザインの外観に大きな影響をあたえます!
機能的なスペーシングを決めるとき、
ここで基準となる数値を参考にしてください📌
-------------------
1. サイドの余白
私は24pxで設定しています。
画面の端とコンテンツが近すぎないので、コンテンツが見やすくなります。
2. タイトル&コンテンツ, セクションの余白
タイトルとコンテンツの余白は16pxで設定して、関係性を強調します。
セクションごとの余白は16pxよりも大きい数値、24か32pxで設定しましょう。
3. タブ, リストの余白
タブやボタンが並ぶときは、8か12pxで設定するとちょうどいい印象になります。
リストのマージンは8pxだと窮屈すぎて、
16pxだと離れすぎて見えるので
12pxが理想です。
-------------------
ポイント:
スペーシングは文字や画像・ボタンなど要素同士の関係性に注目しましょう。
基本的には関係性が高いほど近く、低いほど遠くなります。
#Figma #Web #UI #デザイン
新卒や未経験からの転職で、一番大事なのは「そこまではしないやろ!」ってことをやること。ほかの大勢がやらないところまで、踏み込む。
僕は新卒のとき、博報堂アイ・スタジオ1社だけを受けて入社した。インターンもなく、面接は2回しかしていない。
当時は「学生でFlashを使って3Dまで作るやつはいない」という時代。だから海外サイトで3Dを学び、その作品をポートフォリオに入れた。
みんなと同じ土俵で競うだけじゃなく、自分が選ばれる理由をつくる。
村田俊英 / Designer retweeted
ここまでは一般的なお話ですが、ここからは僕自身の考えです。
僕がデザインという少し特殊な業界で、一番大事だと考えているのは「サードドアを探すこと」です。学校で学び、作品をつくり、求人に応募....(あと1,628文字)
note.com/qa/inofthefor/q/3bb…
ここまでは一般的なお話ですが、ここからは僕自身の考えです。
僕がデザインという少し特殊な業界で、一番大事だと考えているのは「サードドアを探すこと」です。学校で学び、作品をつくり、求人に応募....(あと1,628文字)
note.com/qa/inofthefor/q/3bb…
村田俊英 / Designer retweeted
想像通り、お酒は普段はほぼ飲みません(笑)
代わりに毎日、炭酸水を2本飲んでいます!
ラーメンと赤星は本当に稀な日でした、、、だからXに上げたのかも。
Xやnoteやポッドキャストを見聞きしている方…(あと87文字)
note.com/qa/inofthefor/q/dd7…












