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,543
📝フォントラボ 株式会社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
248
村田俊英 / 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
11
1,494
村田俊英 / Designer retweeted
AIに奪われないスキルを磨くだけでなく、自分で価値と収益を生む仕組みを持つ。 デザインする対象を、成果物から自分の事業へ。 3年間で考え、実践してきたことをnoteに書きました。 ▼年でARR2,000万超え。労働の終焉から仕組みの所有へ note.com/inofthefor/n/n5e57e…
1
15
47,667
村田俊英 / Designer retweeted
新卒や未経験からの転職で、一番大事なのは「そこまではしないやろ!」ってことをやること。ほかの大勢がやらないところまで、踏み込む。 僕は新卒のとき、博報堂アイ・スタジオ1社だけを受けて入社した。インターンもなく、面接は2回しかしていない。 当時は「学生でFlashを使って3Dまで作るやつはいない」という時代。だから海外サイトで3Dを学び、その作品をポートフォリオに入れた。 みんなと同じ土俵で競うだけじゃなく、自分が選ばれる理由をつくる。
1
8
102
9,031
AIに奪われないスキルを磨くだけでなく、自分で価値と収益を生む仕組みを持つ。 デザインする対象を、成果物から自分の事業へ。 3年間で考え、実践してきたことをnoteに書きました。 ▼年でARR2,000万超え。労働の終焉から仕組みの所有へ note.com/inofthefor/n/n5e57e…
1
15
47,667
📝フォントラボ 株式会社ロンドマーク rondomark.jp/ スイス・スタイルの原点と日本の出版界を支えた中ゴシックBBBが共鳴!作為を削ぎ落とした普遍的な中立性と信頼感。 欧文フォント『Neue Haas Grotesk』 ・Neue Haas Groteskは、1957年にマックス・ミーディンガー 氏とエドゥアルト・ホフマン 氏が生み出したHelveticaの原点を、タイプデザイナーのクリスチャン ・シュワルツ 氏が2010年に忠実にデジタル復刻したネオ・グロテスク書体ファミリー ・1980年代に規格化されたHelvetica Neueが幾何学的な均一化を進めたのに対し、スイスのハース活字鋳造所で生まれたオリジナルの金属活字が持っていたプロポーションと繊細なディテールを現代に蘇らせた。グローバル企業のブランディングから先鋭的なエディトリアルまで広く愛用されている ・構造的特徴:原点回帰の骨格と水平垂直の厳格な端部処理 ・ストロークの終端は水平や垂直に厳密に切り落とされ、グリッドシステムに完璧に同調する建築的な直線性を持つ ・大文字Rの右脚が外側へ向けて優美なカーブを描くオリジナル字形や、開口部が内側へ巻き込むクラシカルなアパーチャ設計を踏襲している ・見出し用のDisplayと本文用のTextというオプティカルサイズを備えており、サイズに応じた最適な字間と線の太細比が調律されている ・トーン:スイス・モダニズムの原点と落ち着いた知性 ・「客観性、制度的信頼、スイス・タイポグラフィの機能美、知的、落ち着いた秩序、普遍性」 ・Helvetica Neueのような冷徹で無機質な硬さを和らげ、金属活字本来の自然な文字幅の起伏と温もりを感じさせる ・感情的な装飾を排した中立性を保ちながら、画面に上質で揺るぎない信頼感を構築する ----------- 和文フォント『中ゴシックBBB』 ・中ゴシックBBBは、写植時代から日本の出版・グラフィックデザイン界を支え続けてきた伝統を受け継ぎ、モリサワがデジタルフォントとして体系化した歴史的角ゴシック体 ・書籍や雑誌の本文組版における標準的な角ゴシックとして半世紀以上にわたり使用され続けており、長文を読ませるための基準としてエディトリアルデザインの現場で揺るぎない地位を築いている ・構造的特徴:伝統的活字の重心と小ぶりな仮名が織りなす可読性 ・新ゴのように文字を正方形の仮想ボディいっぱいに広げる幾何学的ゴシックとは対照的に、ふところを中心に向かって適度に引き締めたオーソドックスな骨格を持つ ・漢字に対して仮名がやや小ぶりに設計されており、毛筆の運筆や筆意を残した伸びやかなカーブを持つため、行を組んだ際に適度な余白と滑らかな視線誘導が生まれる ・起筆やストロークの交差部に自然な太細の抑揚があり、均一な直線で引かれたモダンゴシックにはない有機的な安定感を行組みにもたらす ・トーン:実直な信頼感と飾らない普遍の佇まい ・「正統派、誠実、実直、出版物の安心感、普遍的、落ち着いた品格」 ・現代的なシステムUIフォントが持つ記号的な冷たさを排し、活字印刷の書物を手に取ったときのような親しみと確かな知性を提示する ・奇をてらわない中立的なトーンにより、コンテンツそのものの事実性や言葉の重みをストレートに読者へ伝える
1
11
1,494
村田俊英 / Designer retweeted
メモ📝 「発想力によって、期待値を超え続ける」
1
2
431
村田俊英 / Designer retweeted
魅力的なUIデザインを作成するために 実践しているスペーシングを紹介します✨ スペーシングはユーザーの認識と、 デザインの外観に大きな影響をあたえます! 機能的なスペーシングを決めるとき、 ここで基準となる数値を参考にしてください📌 ------------------- 1. サイドの余白 私は24pxで設定しています。 画面の端とコンテンツが近すぎないので、コンテンツが見やすくなります。 2. タイトル&コンテンツ, セクションの余白 タイトルとコンテンツの余白は16pxで設定して、関係性を強調します。 セクションごとの余白は16pxよりも大きい数値、24か32pxで設定しましょう。 3. タブ, リストの余白 タブやボタンが並ぶときは、8か12pxで設定するとちょうどいい印象になります。 リストのマージンは8pxだと窮屈すぎて、 16pxだと離れすぎて見えるので 12pxが理想です。 ------------------- ポイント: スペーシングは文字や画像・ボタンなど要素同士の関係性に注目しましょう。 基本的には関係性が高いほど近く、低いほど遠くなります。 #Figma #Web #UI #デザイン
2
72
4
1,084
77,080
新卒や未経験からの転職で、一番大事なのは「そこまではしないやろ!」ってことをやること。ほかの大勢がやらないところまで、踏み込む。 僕は新卒のとき、博報堂アイ・スタジオ1社だけを受けて入社した。インターンもなく、面接は2回しかしていない。 当時は「学生でFlashを使って3Dまで作るやつはいない」という時代。だから海外サイトで3Dを学び、その作品をポートフォリオに入れた。 みんなと同じ土俵で競うだけじゃなく、自分が選ばれる理由をつくる。
1
8
102
9,031
村田俊英 / 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,349
村田俊英 / Designer retweeted
📝フォントラボ 鯖江から世界へ|金子眼鏡 kaneko-optical.co.jp/sabae-w… Arno Proの人文主義的エレガンスが極上!知性と格調を漂わせるエディトリアルに最もふさわしい選択肢。 欧文フォント『Arno Pro』 ・Arno Proは、Adobeのチーフタイプデザイナーであるロバート・スリムバック 氏が15世紀から16世紀のイタリア・ルネサンス期の人文主義活字を徹底的に研究し、約20年の歳月をかけて完成させたプロフェッショナル向けセリフ書体ファミリー ・アルノ川にちなんで名付けられ、学術出版、高級文芸誌、美術館の刊行物など、極めて高い品格と長文可読性が要求されるブックタイポグラフィの世界で最高峰の評価を獲得している ・構造的特徴:オプティカルサイズ設計と流麗なカリグラフィー骨格 ・Caption、SmText、Regular、Subhead、Displayといった表示サイズ別のオプティカルサイズを備えており、極小サイズから巨大な見出しまで線の太細比や字間が緻密に最適化されている ・ペンの角度を感じさせる傾斜した応力軸や、小文字の有機的で流れるようなストロークなど、ルネサンスの手書き文字が持つ豊かな人間味を忠実に再現している ・強固なベースラインを形成するブラケットセリフと適度にゆとりのあるプロポーションにより、長文組版において読者の視線を極めて自然に前へと導く ・トーン:ルネサンスの気品と学術的な知性 ・「人文主義の気品、学術的威厳、優美、古典的調和、格調高い知性、豊かな情緒」 ・Didotのような幾何学的で冷徹な装飾性や、Times New Romanのような事務的・実用的な硬さとは異なり、人間の息づかいが宿る洗練された温もりと格式を提示する ・長文の論文、文芸批評、エッセイ、クラシックなブランドストーリーにおいて、言葉に深い奥行きと信頼感を与える ------- 和文フォント『Noto Serif JP』 ・Noto Serif JPは、GoogleとAdobeが共同開発したオープンソース明朝体プロジェクト Source Han Serif / 源ノ明朝 の日本語コンポーネントを基に、Google FontsがWeb配信向けに最適化・サブセット化した明朝体ファミリー ・Adobeのシニアデザイナー・西塚涼子 氏らが設計した骨格をベースに、デジタルスクリーン上での高い可読性と、グローバルな多言語併記における文字バランスの均一化を目指して開発された。マルチプラットフォーム環境における現代Webの基準明朝体として広く採用されている ・構造的特徴:デジタル表示と多言語混植に最適化されたモダン明朝骨格 ・筑紫明朝やしっぽり明朝などのオールドスタイル明朝のようにふところを絞り込まず、適度に広いカウンターと大ぶりな仮名プロポーションを持つため、小サイズ表示や低解像度環境でも線同士の干渉や潰れが起きにくい ・ウロコやハライの先端が幾何学的に整理され、横線の極端な細見えを防ぐ太細比の調律が施されているため、スクロール表示時にも安定した均一なグレー度を維持する ・トーン:情緒を脱臭した客観性と公的信頼感 ・「中立、明晰、公的信頼、近代的な知性、デジタルインフラ感、規律ある品格」 ・活字由来の情緒的な墨だまりや文学的な癖を排したクリーンな現代的造形により、コンテンツそのものの信頼性や事実性を損なわずに伝える ・エディトリアルや長文記事に明朝体特有の上品さを与えつつ、Noto Sans JPと同等の機能的で無駄のない整然とした佇まいを画面にもたらす
1
14
2,262
📝フォントラボ 鯖江から世界へ|金子眼鏡 kaneko-optical.co.jp/sabae-w… Arno Proの人文主義的エレガンスが極上!知性と格調を漂わせるエディトリアルに最もふさわしい選択肢。 欧文フォント『Arno Pro』 ・Arno Proは、Adobeのチーフタイプデザイナーであるロバート・スリムバック 氏が15世紀から16世紀のイタリア・ルネサンス期の人文主義活字を徹底的に研究し、約20年の歳月をかけて完成させたプロフェッショナル向けセリフ書体ファミリー ・アルノ川にちなんで名付けられ、学術出版、高級文芸誌、美術館の刊行物など、極めて高い品格と長文可読性が要求されるブックタイポグラフィの世界で最高峰の評価を獲得している ・構造的特徴:オプティカルサイズ設計と流麗なカリグラフィー骨格 ・Caption、SmText、Regular、Subhead、Displayといった表示サイズ別のオプティカルサイズを備えており、極小サイズから巨大な見出しまで線の太細比や字間が緻密に最適化されている ・ペンの角度を感じさせる傾斜した応力軸や、小文字の有機的で流れるようなストロークなど、ルネサンスの手書き文字が持つ豊かな人間味を忠実に再現している ・強固なベースラインを形成するブラケットセリフと適度にゆとりのあるプロポーションにより、長文組版において読者の視線を極めて自然に前へと導く ・トーン:ルネサンスの気品と学術的な知性 ・「人文主義の気品、学術的威厳、優美、古典的調和、格調高い知性、豊かな情緒」 ・Didotのような幾何学的で冷徹な装飾性や、Times New Romanのような事務的・実用的な硬さとは異なり、人間の息づかいが宿る洗練された温もりと格式を提示する ・長文の論文、文芸批評、エッセイ、クラシックなブランドストーリーにおいて、言葉に深い奥行きと信頼感を与える ------- 和文フォント『Noto Serif JP』 ・Noto Serif JPは、GoogleとAdobeが共同開発したオープンソース明朝体プロジェクト Source Han Serif / 源ノ明朝 の日本語コンポーネントを基に、Google FontsがWeb配信向けに最適化・サブセット化した明朝体ファミリー ・Adobeのシニアデザイナー・西塚涼子 氏らが設計した骨格をベースに、デジタルスクリーン上での高い可読性と、グローバルな多言語併記における文字バランスの均一化を目指して開発された。マルチプラットフォーム環境における現代Webの基準明朝体として広く採用されている ・構造的特徴:デジタル表示と多言語混植に最適化されたモダン明朝骨格 ・筑紫明朝やしっぽり明朝などのオールドスタイル明朝のようにふところを絞り込まず、適度に広いカウンターと大ぶりな仮名プロポーションを持つため、小サイズ表示や低解像度環境でも線同士の干渉や潰れが起きにくい ・ウロコやハライの先端が幾何学的に整理され、横線の極端な細見えを防ぐ太細比の調律が施されているため、スクロール表示時にも安定した均一なグレー度を維持する ・トーン:情緒を脱臭した客観性と公的信頼感 ・「中立、明晰、公的信頼、近代的な知性、デジタルインフラ感、規律ある品格」 ・活字由来の情緒的な墨だまりや文学的な癖を排したクリーンな現代的造形により、コンテンツそのものの信頼性や事実性を損なわずに伝える ・エディトリアルや長文記事に明朝体特有の上品さを与えつつ、Noto Sans JPと同等の機能的で無駄のない整然とした佇まいを画面にもたらす
1
14
2,262