フォント大好きデザイナーのベーコン（@dogdog464646）です！ 良質なデザインを作るには、良いフォントが欠かせません。 それでは、「良いデザイン」ってなんでしょう？ ちょっと頭に思い浮かべてみてください 例えば… ・かわいいデザイン？ ・お客さんが使いやすいデザイン？ ・意味が伝わりやすいデザイン？ こんな感じでしょうか？ じゃあ正解の発表です 正解は… 全部です！ というかデザインの正解は、状況によって変わるんですよね なので、状況によって変わる「いいデザイン」に対応するためには「たくさんの種類のフォント」が必要になります たくさんの種類のフォントで、表現の幅を広く持つことで、デザインを正解に導きやすくなります この記事はデザイナーだけではなく ・イラストレーター ・エンジニア ・ブロガー ・プレゼン資料を作っている人 ・学校やサークルでチラシを作る人 このような人たちに役立つ、

noteのサービス設計で、参考にしている本など。チームメンバーと価値観を共有するためにも、オススメの本を集めてみました。 経済政策で人は死ぬか? 公衆衛生学から見た不況対策経済危機に国家がどのような経済政策ととったか。それが天然のA/Bテストになりうるという話。本書では、世界中の経済危機や動乱のなか、経済政策や衛生政策の違いで、市民の生死がどのように変化したかを分析した本。危機時に、どのようなテコ入れをすべきかの参考に。

枌谷さんは、BtoBマーケティングやUX/UIデザインを得意とするWeb制作会社、株式会社ベイジのデザイナー兼経営者。元々は営業出身という異質なバックグラウンドを持つ枌谷さんが、どのようにしてデザイン×経営というキャリアにたどり着いたのか。デザイナー職ではない方にも、キャリアの選択肢としてご覧いただけるお話をお届けします。

ユーザーインターフェース（UI）デザインは、サイトを訪れるユーザーが快適に閲覧したり、サービスを利用したりするのに重要な項目の一つです。不適切なUIで設計されたサイトは、ユーザーにとって使いづらく、UXが低下するおそれがあります。しかし、いざ自社サイトのUIデザインを見直したいと思っても、「何を改善すれば良いのかわからない」と悩む方もいるでしょう。 そこで今回は、UIデザインの基礎知識から、2018年のトレンドまで、詳しくご紹介します。 UIデザインの基礎知識 UIデザインを検討するには、UIの意味や目的を理解することが大切です。まずは基本を押さえて次のステップへとつなげましょう。 UIデザインとは？ インターフェースには「接点」や「境界面」という意味があり、2つ以上の異なるものを結びつける際に必要な窓口のようなものを指します。そのためUIは、ユーザーとコンピューター（システムまたはプログ

くろば・Uが実演！ 3D制作知識ゼロから始める「VRoid」モデル製作 本記事は、アニメ化も行われた漫画作品「ステラのまほう」（まんがタイムきららMAX/(C) Houbunsha Co.,Ltd.）などの連載を手掛ける漫画家・イラストレーター「くろば・U」氏による寄稿記事です。 【目次】 0.はじめに 1. VRoid Studio について 2. 導入と顔パーツメイク 3. お化粧 〜テクスチャドローイング〜 4. 髪の毛の編集 5. 衣服のデザイン 6. 撮影とエクスポート 7. 不足を感じる所 8. まとめ 9. 参考：制作過程の動画 0.はじめに バーチャルYouTuber（バーチャルユーチューバー・VTuber）が一世を風靡して数ヶ月、皆様いかがお過ごしでしょうか。 毎週推しのコラボ配信を見て楽しんでいる人、あるいは自分もVTuberになるためにモデリングを頑張っている人、デビ

［CEDEC 2018］「プリンセスコネクト！Re:Dive」制作事例から学ぶ，UIを高速かつ高品質に作るためのプロトタイプ開発 神奈川県のパシフィコ横浜で開催されたゲーム開発者向けカンファレンス，「CEDEC 2018」。その3日めとなる2018年8月24日，アニメRPGを謳って配信中のスマートフォン向けRPG「プリンセスコネクト！ Re:Dive」（以下プリコネR）のセッションが行われた。登壇したのは，プリコネRのアニメーションデザインやUI/UXのディレクションを担当した佐々木拓夢氏と，UIチームのリーダーとして開発フローの整備やグラフィックを制作した齋藤友梨子氏で，ゲームUIを高速かつ高品質に作るためのワークフローが解説された。 まず斎藤氏が，「プリコネR」の概要とコンセプトである「アニメRPG」解説し，続いて佐々木氏が，アニメRPGとならではのキャラクターの魅力や世界観を伝えるた

第3回目となる、THE GUILD勉強会 #03 「データ×UXデザイン」へ参加してきました！ 全体の流れは他の方のレポートやスライド資料にお任せして、ここではデザイナーの私ならではの感じたことや考えたことベースでお届けします！ ▶ 整理、言語化・可視化、そしてコミュニケーション登壇者のみなさんの話で共通していたのは、データを活用するのはあくまでも「メンバーやクライアントと“コミュニケーション”をとるため」で、さらにそこから「ビジネスの成果を出す」ことでした。 ▶ データはあくまでも「材料」データはあくまでもデータであって、データをとることだけに執着したり、それが目的になっていけないというのは、dely社の大竹さんとアドビシステムズ社の山田さんの話で共通していた部分でした。 “データは意思決定のための材料！ 用法用量を守って正しく使いましょう” 大竹さん（dely）“ちゃんと目的と目標を言

ホームページやECサイトなどを構築する際、全体のデザインや表示などを決めるためにプロトタイプを作成することがあります。 プロトタイプの作成は主にUI/UXデザイナーが行いますが、ゼロから作るのは時間も体力も必要です。 今回は、プロトタイプを作成できるAdobe XDで使える、おすすめの無料テンプレート15選を紹介します。 テンプレートを応用できる部分は有効活用することで、整ったデザインを少しでも短時間で作成することができますので、ぜひ参考にしてみましょう。 Adobe XDとは Adobe XD CC Adobe XDとは、Adobe社が提供しているプロトタイピングツールです。 UI/UXデザイナー向けのオールインワンツールで、日本語にも対応しています。 スピード感と直感的な操作が特徴で、コーディングなどの知識のない方でも簡単にホームページやモバイルアプリのデザインとプロトタイプの作成が可

日々新たなデザインに関するニュースが飛び交っていますが、それはUIデザインツールに関しても同様です。 Adobe XDの正式リリース、Figma3.0のリリース、InVision Studioのベータ版公開など、2017年の終わりから2018年にかけて多くのUIデザインツールが登場しました。 今回は、2018年8月現在で公開されているUIデザインツールの中から、特に人気のツールについて機能や特徴を比較していきたいと思います。 最新の情報はこちら 2020年版：おすすめの人気UIデザインツールを徹底比較！【Figma / XD / Sketch】 現在は、デザインツール戦国時代とも言われるように、様々なデザインツールが競争を繰り広げています。 UIデザインを作るための「UIデザインツール」もどんどん進化していて、個性的なツールが多数登場していま... Web Design Trends UI

前述したように、本体機能とはゲーム機本体に最初から内蔵されているソフトウェアのこと。任天堂の家庭用ゲーム機で初めて実装されたのは、2001年に発売された ニンテンドー ゲームキューブで、当時はセーブデータ管理などだった。以降、ニンテンドーDS、Wii、ニンテンドー3DS、WII Uとハードが進化するにつれ、さまざまなシステムやサービスが追加されていった。こうした多機能化に加え、任天堂のゲーム機以外でも多機能でゲームを遊べるデバイスがつぎつぎに出現。そうした状況の中、ニンテンドースイッチも同じ多機能化を目指すことの是非から考え直したそうだ。その結果、たどり着いた答えが“ゲーム機なので、ゲームで遊ぶに特化しよう”と、原点回帰したじつにシンプルなもの。「これがニンテンドースイッチに込められた思いです」と小野氏。つくるものを厳選し魅力を凝縮するとともに、ストレスを感じさせないことを目指した。その実

リンク connpass UI Crunch #13 娯楽のUI - by Nintendo - (2018/04/27 19:00〜) ## “娯楽”を追求する、UIデザイナーの仕事とは 私たちは日々、実用品と娯楽品に囲まれて生活しています。どちらも生活に大切なもの。 今回は"もっと便利に"を追求するのではなく、"もっと楽しく"を追求する、UIデザイナー3名を任天堂からお迎えし、「Splatoon」 や「Nintendo みまもり Switch」 などの事例を交えながらお話いただきます。 子どもから大人まで楽しめる娯楽の裏側には、どのような想いや工夫があるのか。 みなさんと一緒に学べる機会になればと思います。 また、後 59 users 1621 UI Crunch @ui_crunch 「娯楽のUI」、開場しました！19:30より、任天堂さんのUI/UXデザイナーさんにご登壇いただきま

「自分の『好き』を極めれば、それで生活できるようになります」 って言う人は、たいてい、「好き」と「稼げる」の積集合が大きい。 (これを「一致タイプ」と呼ぶことにする) 一致タイプの人には、 「なんで、みんな、やりたくもない仕事をやってるの？ 好きなことを仕事にすればいいじゃないか！」 って、思ってる人が多い。 太古の昔から、一致タイプの成功者は、佃煮にするほど生息数が多い。 それほどまでに、一致タイプは、成功しやすい。 けれど、「好き」と「稼げる」の積集合が、空集合になってる人もたくさんいる。 (これを不一致タイプと呼ぶことにする) 不一致タイプの人たちにとっては、 「自分の『好き』を極めれば、それで生活できるようになります」 という一致タイプの人たちが唱える言説は、人生を蝕む呪いとなる。 経営者や上司が一致タイプで、部下が不一致タイプだと、悲惨だ。 経営者や上司は、仕事が好きなのは当然だ

CSSのfont-familyで游ゴシックを指定すると、Windowsで細くなってしまう問題の原因と解決方法を中心として、最近の日本語フォント事情をまとめました。 CSS Nite LP47 Coder's High 2016にてお話した内容です。 昔からマークアップエンジニアを悩ませて…

MacBook Air などのラップトップ型の Mac を長く使っていると、Macintosh HD（内蔵ハードディスクや SSD などのストレージ）の空き容量がなくなってきて困ることもあるかと思います。 私の場合、MacBook Air の 256GB モデルを使用しており、先日どうしても Macintosh HD に 64GB 以上の空き容量が欲しかったので、以下の方法を試したところ 90GB 以上の空き領域を作ることができましたので紹介します。 ※この記事は、ファイルの移動や削除、パーティションの作成などについて書いています。それらの作業を行う際は、必ずバックアップを取ったうえで作業を行い、必要なファイルやパーティションを誤って削除しないよう、細心の注意を払って作業を行ってください。 この記事を参考にしたことで発生した、いかなる損害も一切補償できません。 何がHDを占領しているか調べ

こんにちは、SINAPの久保田です。最近、会社のチーム予算で、気になっていた書籍『実例付き フォント字典』を購入したので、その感想とWebでのフォントついて書いてみようと思います。普段からWeb制作に携わっている方々には当たり前のことかもしれませんが、そうではない方向けに書きますので「Webでの表示ってどうなっているの？？」という疑問をお持ちの方などは参考にしていただけると幸いです！ 書籍「実例付き フォント字典」の概要と感想 出版元のパイインターナショナルさんの紹介にも書かれている通り、「使用イメージがわかる実例作品付きフォント見本帳」で、フォントベンダー21社の和文書体1768種が収録されたフォント見本帳です。 本の中身は、出版社のwebサイトで閲覧できます。 実例付きフォント字典 / PIE International + PIE BOOKS フォントは会社ごとにパッケージで購入する

こんにちは、野原です。 「スマートフォンの入力フォーム最適化」、前回は、離脱理由の仮説を裏付けるために取得すべきデータをご紹介しました。今回はその中からいくつかピックアップして実際にどう取得するか、その数値をどのように考えるかについてみていきます。 Googleアナリティクスを使った取得方法を主にご紹介しますので、導入しているサイトであることを前提に進めていきます。ご了承ください。 ※Googleアナリティクスは、Google社が無料で提供するWebページのアクセス解析サービスです。 では、早速はじめましょう。 第4回：目次 ・Googleアナリティクスの直帰率と離脱率について考える ・イベントトラッキングを使ってどの項目まで進んだかを調べる ・まとめ <スマホ入力フォーム最適化 連載> 第1回スマホEFO：「スマホ入力フォーム最適化を始めよう！」 第2回スマホEFO：「入力フォーム最適化