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

UX Movementの創立者、ライター。ユーザーに優しいUXデザインのスキルを読者の方が上達できるよう、UX Movementのブログを始める。 デザインにピュアブラックを使うと可読性が低くなると知っていましたか？ 統計によると、「アメリカの成人の58％」がコンピュータ作業で眼精疲労を経験したことがあるそうです。デザイナーは使用する黒の色に注意を払うことで、目が疲れる可能性をある程度減らすことができます。 ピュアブラックの文字や背景 ピュアブラックの文字や背景と白の組み合わせは、ユーザーが文章を長時間読むとき目に不快感を与えることがあり、眼精疲労を招いてしまいます。 白は100％の明度であり、黒は0％の明度です。このように明度のコントラストが強いと光量に不均衡が生じ、ユーザーが明るさに順応しようとするために目が酷使されることになるのです。 この現象を実証するために、暗い部屋で明るい電灯を

Word・Excel・PowerPointには、ワードアートという便利な機能があります。しかし、残念ながら、パソコン教室や市販のテキストでは、ダサい作成例だけを紹介して、インパクトがあって目立つ！などという珍妙な説明をしています。 これは完全に間違いです。このような手抜きをすると、安上がりで低レベルな内容であるという、悪い印象を与えます。 初心者が最初に身につけるべき基本的な技法は「白抜き」と「袋文字」です。今回は、この２つの技法について、まとめて出題します。繰り返し練習して「正しいワードアート」の使い方を覚えましょう。 なお、この記事ではOffice2010以降で説明します。Word・Excel・PowerPoint共通です。Office2010以降では、ワードアートは テキストボックス と統合されています。詳しくはこちらの記事をご覧ください。 わえなび ワード＆エクセル問題集 id:w

Search, watch, and cook every single Tasty recipe and video ever - all in one place! News, Politics, Culture, Life, Entertainment, and more. Stories that matter to you.

2017年10月28日、福岡県の九州産業大学にて、コンピューターエンターテインメント開発者向けのカンファレンス“CEDEC＋KYUSHU 2017”が開催。本記事では、同カンファレンスにて行われたセッション“ペルソナシリーズにおけるUIクリエイティブの手法　～ペルソナ5のUI事例～”のリポートをお届けする。 本セッションに登壇したのは、アトラスの和田和久氏と須藤正喜氏。和田氏はデザイナーとして入社後、さまざまな作品に携わり、現在は『ペルソナ』チームを統括しつつ、『ペルソナ3 ダンシング・ムーンナイト』、『ペルソナ5 ダンシング・スターナイト』のプロデューサーを担当している。須藤氏は、アトラス初のUI（ユーザーインターフェース）専属デザイナーであり、『ペルソナ5』ではアートディレクターとUIデザインリーダーを兼任。各種イベントのデザイン監修やプロモーション、ライツデザイン監修なども行っている

MigMix（ミグミックス）フォント MigMixフォントは、以下の特徴があります。 M+フォントをなにも改変せず、そのまま取り入れた ただしボールド体の扱いが異なる。下の項目で説明します IPAゴシックを合成して、漢字をJIS第1水準～第4水準まで持つ 太字（ボールド体）の扱い MigMix 1P ⇔ 2P　ってどこが違うの？ ダウンロード MigMix 1P migmix-1p-20200307.zip (約4MB) のダウンロード 『伝わるデザイン｜研究発表のユニバーサルデザイン』で推薦されました。 MigMix 2P migmix-2p-20200307.zip (約4MB) のダウンロード 上の MigMix 1Pとの違いは、全角ひらがなカタカナと英数字のデザイン。 MigMix 1M migmix-1m-20200307.zip (約4MB) のダウンロード フォント名の「M」

25万人のゲーマーを分析してわかった、ゲームの男女別モチベーション。男性は破壊と競争、女性はコンプリート。 ゲーム分析企業「Quantic Foundry」が調査した、「ゲームの男女別モチベーション」の結果が、おもしろかったので簡単にメモしておきます。 25万人のゲーマーを対象に、ゲームのモチベーションを調べたデータ。 男性は「競争/破壊」がトップモチベーション。１位：競争（Competition）14.1％ ２位：破壊（Destruction）11.9％ ３位：コンプリート（Completion）10.2％ 男性ゲーマーにとっては、「競争」（決闘、対戦、ランキング）や、「破壊」（銃、爆発）といった要素が、とても重要であると。 全体的に「相手と戦い勝利する」という欲求が高い印象。 女性は「コンプリート」がトップモチベーション１位：コンプリート（Completion）17％ ２位：ファンタジ

前回更新の前編に引き続き、シミュレーションRPG『スーパーロボット大戦』（以下、『スパロボ』）シリーズのプロデューサーである寺田貴信氏と、ビジュアルノベル『Fate/stay night』やスマホアプリ『Fate/Grand Order』（以下、『FGO』）のシナリオを執筆した、TYPE-MOONの奈須きのこ氏との対談の後編をお楽しみいただきたい。 【寺田P×奈須きのこ：対談】決戦！『スパロボ』VS『Fate』――と思いきや、奈須きのこのスパロボ愛が炸裂して、寺田Pから濃ゆい制作秘話が聞けちゃった！ 奈須氏が『スパロボ』の熱心なファンということでスタートしたこの対談では、『スパロボ』シリーズの誕生秘話から奈須氏のアニメ遍歴まで、多彩な話題が飛び出した。その会話の中で明らかになったのは、スター級の版権キャラクターが集結する『スパロボ』のシナリオを、どのようにまとめ上げていくかという方法論だ。

こんにちは。『NieR:Automata』のキャラクターモデラーの松平です。 キャラクターモデラーで有名な人って、皆さんはパッと思い浮かびますか？僕は全然思い浮かびません。今の時代、あまりキャラクターモデラーが表に出ることはないですね。ですが、幸運なことに今回こういった機会をいただいたので、メイキングをお見せしつつ、どう考えて2Bというキャラクターをモデリングしたのかを解説していきます。イラスト通りに3D化しているだけではないんだぞ、というところを見せていきたいと思います。 ■メイキング 一般的に、キャラクターモデルは 1. ラフモデルで全体的なフォルムと完成を予想 2. ハイクオリティモデルで高精度な造形 3. ゲーム用モデルとして落とし込み　という工程で進みます。 まずは、吉田明彦さんからデザイン画ラフを頂き、ラフモデルを作っていきます。下図のモザイク部分には吉田さんの好みが出ており、

電ファミニコゲーマーは、これまで「ゲームの企画書」などのインタビューで、ベテランのゲームクリエイター達の、知られざるエピソードの数々を届けてきた。デジタルゲーム市場が産声を上げたばかりの時代を生きた人々の、若き日の「時代の証言」は、まさに黎明期の熱気そのもの。思いもよらない角度から、私たちにゲームの面白さを再び認識させてくれた。 だが、取材を進めながら、ずっと気になっていたこともある。 それは、彼ら“伝説のクリエイター”達が暴れ回っていた頃の年齢に当たるくらいの、「今」を生きる若きクリエイターの姿が、よく見えないことだ。この2017年現在、ゲームで人々をアツくさせる夢を見て、現場で毎日汗を流している若きゲームクリエイター達は、今どこにいて、何を考えているのか――。 この連載「新世代に訊く」は、そんな新時代のゲームクリエイター達の姿を知るべく、実際に足を運んで、彼らに話を聞いてみようという企

31. 利用者のリテラシー 支援技術 CSS コンテンツ JavaScript HTML UA OS ハードウェア 31 それぞれのレイヤーでアクセシビリティ的なケアが必要な分野 • 利用者のリテラシー • 支援技術 • CSS • コンテンツ （テキスト／画像／音声／映像） • HTML • JavaScript等プログラム • ユーザーエージェント • OS • ハードウェア 教育／啓蒙 etc. スクリーンリーダー／ズーム／翻訳 etc. UIデザイン／コントラスト／表示順序／背景画像 etc. コントラスト／代替コンテンツ／表現 etc. 文書構造／要素の意味／フォームコントロール etc. キーボード操作／フォーカス制御／DOM追加位置 etc. UIデザイン／代替コンテンツへのアクセス／ スタイル（色／サイズ／速度 etc.）変更／ 文書構造とmeta情報／API etc. U

この文脈では、「編集内容のキャンセル」という処理を続行しても良いかをユーザーに確認しています。続行に同意したい多くのユーザーは直感的に同じ表記の「キャンセル」を押したくなるでしょう。しかしそれでは編集のキャンセルが実行されません。 このキャンセルボタンが意味するのは、「『編集内容をキャンセルする』のキャンセル」なのです。つまり、ユーザーが望み通りに編集内容を破棄するためには、反対側のOKボタンを選ぶべきなのです。このような「キャンセルのキャンセル」は二重否定で意味がややこしくなるので避けなければなりません。 ここで「キャンセルのキャンセル」にならなければ良いということで、次のようにボタン名を変えてみました。 これでもう迷うことは無くなりましたか……？ 私はこの修正は誤りだと判断します。「はい」「いいえ」は結果を予想しにくい表現なので、ダイアログのアクションボタンに用いることはあまり適切では

色が白・金または青・黒に見えるドレスの錯視を再現したイラストがネット上で話題になっています。イラスト自体は昨年pixivに投稿されたものですが、最近になって海外のユーザーに取り上げられ再び話題に。 2015年に世界が2つの意見に分かれたドレスの色（関連記事）を使い、同じ2色でも「青黒」に見えるパターンと「白金」に見えるパターンをイラストでわかりやすく描いています。 やっぱり同じ色に見えない……（画像提供：しぴーさん/pixivアカウント） 投稿したのはしぴー（@pummeluff39）さん。もともとの作品はドレスの再現というわけではなく、「ラブライブ!」の矢澤にこちゃんの服で錯視を表現したもので、スポイトで色を確認しても同じであることが説明されていました。 謎の色のドレスと同様、周囲が明るいのか暗いのかによって認識する色が変わり、実際に「青黒」の一部を切り取って移動させると「白金」になると

｢少年ジャンプ＋｣掲載の｢すすめ！ジャンプへっぽこ探検隊！｣第３話は掲載を中止いたしました。 作品中に配慮に欠ける箇所がありましたことを深くお詫び申し上げます。 週刊少年ジャンプ編集部

総勢10人の小さなベンチャー企業が2000年の歴史を持つねじに革命を起こそうとしている。らせん構造を持つ従来のねじは時間の経過とともに緩むリスクがあるが、特殊な構造を持つ「緩まないねじ」を開発した。大幅増資を実施し、量産に備える。ねじの革命児を訪ねた。学校に行かず発明続ける「学歴なし」「就職歴なし」。こんな経歴を申請書類に記入しながら、経済産業省や東京都の開発資金を受け取っている男がいる。緩

この項目では、書法について説明しています。アニメーションの表現方法の一種であるカリグラフィーについては「線画アニメ」をご覧ください。 15世紀イングランドの聖書写本におけるカリグラフィー グルジアのカリグラフィー ギヨーム・アポリネールによるカリグラム カリグラフィー（希: καλλιγραφία, 英: calligraphy）とは、西洋や中東などにおける、文字を美しく見せるための手法。字を美しく見せる書法という面は日本の書道など東洋における書 (造形芸術) と共通する部分があるが、筆記にペンまたはそれに類する道具を用いているため、毛筆を使用する書道とは表現されたものが異なる。 記録媒体としての羊皮紙が高価であるため、文を残す際により多くの文字を紙に詰め込みつつ、より美しい表現を試みた結果、発明された。 カリグラフィーでデザインされるものはアルファベットだけでない。イスラム圏ではコーラン

この7年の間にTwitterのアカウントを作られた皆さんは、始めのプロフィールアイコンが卵だったのを覚えていらっしゃいますか？これは「卵からスタートし、そこからかえった鳥がタイムラインにツイート（さえずり）をお届けする」という思いを込めてデザインされました。でもそろそろ、皆さんが、ご自分ならではの画像や写真をアップロードしてもっと自己表現したくなってくださるものに変更したいと考えました。そこで、デフォルトのプロフィールアイコンの新しいバージョンのご紹介です。 なぜこのデザインに変更したかを順を追ってご説明しましょう。 これまでブルーやグレー、ホワイトを主な色として使っていたTwitterが、最近、他のカラフルな色も使っていることにお気づきでしょうか？昨年、世界各地からいろいろな情報や考え方が集まるTwitterらしさをより表現できるよう、ブランドをリフレッシュしました。この考え方をプロダク