AIに奪われないスキルを磨くだけでなく、自分で価値と収益を生む仕組みを持つ。 デザインする対象を、成果物から自分の事業へ。 3年間で考え、実践してきたことをnoteに書きました。 ▼年でARR2,000万超え。労働の終焉から仕組みの所有へ note.com/inofthefor/n/n5e57e…

魅力的なUIデザインを作成するために 実践しているスペーシングを紹介します✨ スペーシングはユーザーの認識と、 デザインの外観に大きな影響をあたえます！ 機能的なスペーシングを決めるとき、 ここで基準となる数値を参考にしてください📌 ------------------- 1. サイドの余白 私は24pxで設定しています。 画面の端とコンテンツが近すぎないので、コンテンツが見やすくなります。 2. タイトル&コンテンツ, セクションの余白 タイトルとコンテンツの余白は16pxで設定して、関係性を強調します。 セクションごとの余白は16pxよりも大きい数値、24か32pxで設定しましょう。 3. タブ, リストの余白 タブやボタンが並ぶときは、8か12pxで設定するとちょうどいい印象になります。 リストのマージンは8pxだと窮屈すぎて、 16pxだと離れすぎて見えるので 12pxが理想です。 ------------------- ポイント： スペーシングは文字や画像・ボタンなど要素同士の関係性に注目しましょう。 基本的には関係性が高いほど近く、低いほど遠くなります。 #Figma #Web #UI #デザイン

ここまでは一般的なお話ですが、ここからは僕自身の考えです。 僕がデザインという少し特殊な業界で、一番大事だと考えているのは「サードドアを探すこと」です。学校で学び、作品をつくり、求人に応募....（あと1,628文字） note.com/qa/inofthefor/q/3bb…

想像通り、お酒は普段はほぼ飲みません（笑） 代わりに毎日、炭酸水を2本飲んでいます！ ラーメンと赤星は本当に稀な日でした、、、だからXに上げたのかも。 Xやnoteやポッドキャストを見聞きしている方…（あと87文字） note.com/qa/inofthefor/q/dd7…

弊社、株式会社Resilire（レジリア）の採用サイトをリリースしました！✨ Studioで実装した、インタラクションする3Dをぜひ触ってみてください。 僕はこの3Dの作り込みだけを頑張りました😙 #Studio

グラフィックや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 #デザイン #グラフィック

📝フォントラボ 鯖江から世界へ｜金子眼鏡 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と同等の機能的で無駄のない整然とした佇まいを画面にもたらす

「どうすればもっと頑張れるか」よりも、「これ以上、自分を削らずに働くには何を変える必要があるか」を考えていきましょう。 交渉しても短納期が変わらず、品質も落とせない。その中で休日も働き続け、「働きす…（あと662文字） note.com/qa/inofthefor/q/0aa…