Resilire - レジリア, Varietas / ex-STORES, inc., TBWA HAKUHODO, 博報堂 i-studio / note:https://xitter.cf/t.co/JXccsCZtjU メンターサービス:https://xitter.cf/t.co/I0rpK9AzTc

東京 目黒区
Joined May 2021
デザイナー特化メンターサービスの 代表と講師をしています😆 designmentor-pro.com ・デザインスキルの向上 ・クオリティの高いポートフォリオの完成 ・実務デザインのフィードバック など、さまざまな目的に対応しています。 現在は50名以上の方が契約されています。
2
7
1
195
68,551
村田俊英 / Designer retweeted
「ユーザーを招待する画面」の参考を探して、メールアドレスの入力欄だけ保存する。 それだと、招待したあとの設計が抜けてしまう。 村田俊英さんの10月19日の記事では、まだ参加していない相手の状態を確認できるか、招待を受けた側が参加先を把握できるかまでを見る、と書かれていた。 送った側には、相手が来たのか知りたい瞬間がある。 受け取った側には、どこに参加するのか確かめたい瞬間がある。 入力欄の形は1枚で持ち帰れても、その2人をつなぐ設計は、送信後まで見ないと持ち帰れない。 webdesigning.book.mynavi.jp/…
1
212
村田俊英 / Designer retweeted
がんばります…🤖 "発想とは、「既存の知識・経験・情報を組み合わせて、新しいアイデアや視点を生み出すこと」です。これが出来ないデザイナーは、残念ながら市場において価値が今後さらに減少していきます。"
1
1
332
村田俊英 / Designer retweeted
世界中で話題になっているこの動画。やはり機械翻訳には任せられないし、当のアメリカ国民や、他の民主国の人びとに「アメリカ史に遺る最も重要な動画の一つ」と言わしめる動画なので、自分の言葉で訳し、伝えたいと思い、作業しました。敢えてクレジットは入れていないので、ご自由に利用ください。
65
5,175
356
12,244
365,213
📝フォントラボ 株式会社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特有の均一な無機質さを排し、活字の書物をめくるような落ち着いた体温を画面に付与する ・テキストそのものの主張を妨げず、読者の思索を邪魔しない上質な佇まいにより、思想、カルチャー、学術、プレミアムブランドのメッセージに深い説得力をもたらす
1
672
村田俊英 / 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フォントが持つ記号的な冷たさを排し、活字印刷の書物を手に取ったときのような親しみと確かな知性を提示する ・奇をてらわない中立的なトーンにより、コンテンツそのものの事実性や言葉の重みをストレートに読者へ伝える
1
13
1,579
村田俊英 / Designer retweeted
AIに奪われないスキルを磨くだけでなく、自分で価値と収益を生む仕組みを持つ。 デザインする対象を、成果物から自分の事業へ。 3年間で考え、実践してきたことをnoteに書きました。 ▼年でARR2,000万超え。労働の終焉から仕組みの所有へ note.com/inofthefor/n/n5e57e…
1
16
50,903
村田俊英 / Designer retweeted
新卒や未経験からの転職で、一番大事なのは「そこまではしないやろ!」ってことをやること。ほかの大勢がやらないところまで、踏み込む。 僕は新卒のとき、博報堂アイ・スタジオ1社だけを受けて入社した。インターンもなく、面接は2回しかしていない。 当時は「学生でFlashを使って3Dまで作るやつはいない」という時代。だから海外サイトで3Dを学び、その作品をポートフォリオに入れた。 みんなと同じ土俵で競うだけじゃなく、自分が選ばれる理由をつくる。
1
8
103
9,081
AIに奪われないスキルを磨くだけでなく、自分で価値と収益を生む仕組みを持つ。 デザインする対象を、成果物から自分の事業へ。 3年間で考え、実践してきたことをnoteに書きました。 ▼年でARR2,000万超え。労働の終焉から仕組みの所有へ note.com/inofthefor/n/n5e57e…
1
16
50,903
📝フォントラボ 株式会社ロンドマーク rondomark.jp/ スイス・スタイルの原点と日本の出版界を支えた中ゴシックBBBが共鳴!作為を削ぎ落とした普遍的な中立性と信頼感。 欧文フォント『Neue Haas Grotesk』 ・Neue Haas Groteskは、1957年にマックス・ミーディンガー 氏とエドゥアルト・ホフマン 氏が生み出したHelveticaの原点を、タイプデザイナーのクリスチャン ・シュワルツ 氏が2010年に忠実にデジタル復刻したネオ・グロテスク書体ファミリー ・1980年代に規格化されたHelvetica Neueが幾何学的な均一化を進めたのに対し、スイスのハース活字鋳造所で生まれたオリジナルの金属活字が持っていたプロポーションと繊細なディテールを現代に蘇らせた。グローバル企業のブランディングから先鋭的なエディトリアルまで広く愛用されている ・構造的特徴:原点回帰の骨格と水平垂直の厳格な端部処理 ・ストロークの終端は水平や垂直に厳密に切り落とされ、グリッドシステムに完璧に同調する建築的な直線性を持つ ・大文字Rの右脚が外側へ向けて優美なカーブを描くオリジナル字形や、開口部が内側へ巻き込むクラシカルなアパーチャ設計を踏襲している ・見出し用のDisplayと本文用のTextというオプティカルサイズを備えており、サイズに応じた最適な字間と線の太細比が調律されている ・トーン:スイス・モダニズムの原点と落ち着いた知性 ・「客観性、制度的信頼、スイス・タイポグラフィの機能美、知的、落ち着いた秩序、普遍性」 ・Helvetica Neueのような冷徹で無機質な硬さを和らげ、金属活字本来の自然な文字幅の起伏と温もりを感じさせる ・感情的な装飾を排した中立性を保ちながら、画面に上質で揺るぎない信頼感を構築する ----------- 和文フォント『中ゴシックBBB』 ・中ゴシックBBBは、写植時代から日本の出版・グラフィックデザイン界を支え続けてきた伝統を受け継ぎ、モリサワがデジタルフォントとして体系化した歴史的角ゴシック体 ・書籍や雑誌の本文組版における標準的な角ゴシックとして半世紀以上にわたり使用され続けており、長文を読ませるための基準としてエディトリアルデザインの現場で揺るぎない地位を築いている ・構造的特徴:伝統的活字の重心と小ぶりな仮名が織りなす可読性 ・新ゴのように文字を正方形の仮想ボディいっぱいに広げる幾何学的ゴシックとは対照的に、ふところを中心に向かって適度に引き締めたオーソドックスな骨格を持つ ・漢字に対して仮名がやや小ぶりに設計されており、毛筆の運筆や筆意を残した伸びやかなカーブを持つため、行を組んだ際に適度な余白と滑らかな視線誘導が生まれる ・起筆やストロークの交差部に自然な太細の抑揚があり、均一な直線で引かれたモダンゴシックにはない有機的な安定感を行組みにもたらす ・トーン:実直な信頼感と飾らない普遍の佇まい ・「正統派、誠実、実直、出版物の安心感、普遍的、落ち着いた品格」 ・現代的なシステムUIフォントが持つ記号的な冷たさを排し、活字印刷の書物を手に取ったときのような親しみと確かな知性を提示する ・奇をてらわない中立的なトーンにより、コンテンツそのものの事実性や言葉の重みをストレートに読者へ伝える
1
13
1,579
村田俊英 / Designer retweeted
メモ📝 「発想力によって、期待値を超え続ける」
1
2
444
村田俊英 / Designer retweeted
魅力的なUIデザインを作成するために 実践しているスペーシングを紹介します✨ スペーシングはユーザーの認識と、 デザインの外観に大きな影響をあたえます! 機能的なスペーシングを決めるとき、 ここで基準となる数値を参考にしてください📌 ------------------- 1. サイドの余白 私は24pxで設定しています。 画面の端とコンテンツが近すぎないので、コンテンツが見やすくなります。 2. タイトル&コンテンツ, セクションの余白 タイトルとコンテンツの余白は16pxで設定して、関係性を強調します。 セクションごとの余白は16pxよりも大きい数値、24か32pxで設定しましょう。 3. タブ, リストの余白 タブやボタンが並ぶときは、8か12pxで設定するとちょうどいい印象になります。 リストのマージンは8pxだと窮屈すぎて、 16pxだと離れすぎて見えるので 12pxが理想です。 ------------------- ポイント: スペーシングは文字や画像・ボタンなど要素同士の関係性に注目しましょう。 基本的には関係性が高いほど近く、低いほど遠くなります。 #Figma #Web #UI #デザイン
2
72
4
1,085
77,119
新卒や未経験からの転職で、一番大事なのは「そこまではしないやろ!」ってことをやること。ほかの大勢がやらないところまで、踏み込む。 僕は新卒のとき、博報堂アイ・スタジオ1社だけを受けて入社した。インターンもなく、面接は2回しかしていない。 当時は「学生でFlashを使って3Dまで作るやつはいない」という時代。だから海外サイトで3Dを学び、その作品をポートフォリオに入れた。 みんなと同じ土俵で競うだけじゃなく、自分が選ばれる理由をつくる。
1
8
103
9,081
村田俊英 / Designer retweeted
弊社、株式会社Resilire(レジリア)の採用サイトをリリースしました!✨ Studioで実装した、インタラクションする3Dをぜひ触ってみてください。 僕はこの3Dの作り込みだけを頑張りました😙 #Studio
2
25
8
569
53,575
村田俊英 / Designer retweeted
グラフィックやUIデザインの助けになる オススメの3サイトを紹介✨ アプリケーションもデザインも手段です👍 目的を達成するための最適解を探しながら 一番大事なところに時間を投下しましょう😃 ------------ 1. YouWorkForThem youworkforthem.com/fonts/fre… → 高品質・多様な種類のフォントやグラフィックを大量に掲載。 無料もあるが、¥1,000以下で買える質の高いフォントがいっぱいあってオススメ。 2. Mockup Cloud mockupcloud.com/free → 無料でデバイスやポスターなどさまざまな種類の モックアップを無料でダウンロード可能。 ¥6,000程度でさらに高品質で多様なモックアップを購入できる。 3. Sphapes shapes.framer.website/ → さまざまな形をワンクリックでコピーして Figmaなどにベクターデータでペースト可能。 すべて無料。 ------------ ポイント: なにをやって、なにをやらないか。 どこにリソースを割くことで一番価値を出せるのか。 デザインだけでなく仕事をする上で、常に意識しましょう。 #Figma #Web #UI #デザイン #グラフィック
1
115
1,177
72,350