みなさんは日本語の文字の並べ方に「ベタ組」「ツメ組」という言葉があることをご存じでしょうか？ 実は日本語の文章は、読み手を意識して読みやすい間隔で文字が並べられています。 今回はそんな日本語の文字の並べ方をご紹介します。 ベタ組とツメ組「ベタ」という言葉の意味は「隙間なく物が並んでいること」だそうです。そういえば印刷用の絵や漫画の黒一色で隙間なく塗った部分を「ベタ」とも言っていますね。他にも「ベタ」は建築業界の⽤語にもあるようです。 まずは日本語組版にもある「ベタ」を説明する前に、文字の設計についてお話しします。 日本語で使われる漢字やひらがな、カタカナは一般的に正方形に収まるように設計されており、この正方形に相当するところを「仮想ボディ」と呼んでいます。そして「仮想ボディ」の中に実際の文字部分である「字面」が収まっています。 仮想ボディと字面。pt? 級? 号? 文字に関する単位の話より

こんにちは、デザインマネージャー・サービスデザイナーの大﨑です。今回はコンセントで活用している人材育成ツール「技術マトリクス」の2022年度の最新の更新について紹介します。 「技術マトリクス」はコンセント社内で運用しているスキルマップのこと。以前、その概要記事を公開したところ、たくさんの方からの反響がありました。中には、自社のデザイン組織の人材育成に生かしているという声もいただき、デザイン人材の活躍に貢献できたことをうれしく思っています。 あらためて、技術マトリクスとは？ 技術マトリクスはデザイン人材のスキルマップであり、30を超える技術項目に対して5段階の水準を定義しているものです。職種ごとに必要な技術項目も設定し、コンセント全社の人材育成のために運用しています。 概要については前回の記事であるコンセントの人材育成ツール「技術マトリクス」とは？をご覧ください。 各分野のスペシャリストによ

デザイン組織をつくるうえでぶつかる壁や、壁を乗り越えた事例を赤裸々にまとめた、デザイン組織の虎の巻をお届けします

Cocoda Training は、UIUX・グラフィックなどの実践的なデザインコンテンツに取り組んだり、その活動をポートフォリオとしてまとめることが出来るサービスです。

200+ DESIGN behindsCocodaは、デザインの裏側をまとめた事例集です。 日本を代表するデザイン組織から、200以上の事例が公開されています。 CONTENTS デザインの裏側をまとめた 200以上の事例ブランドから、プロダクト設計、デザイン組織の立ち上げ...。様々なデザイン領域の深い事例が、日本で最高峰のデザイン組織によって掲載されています。 RECOMMEND あなたの興味に合わせて デザイン事例をおすすめあなたの興味に合わせて、豊富なデザイン事例の中から ピッタリなコンテンツをおすすめします。 MY LIST 自分好みのリストに まとめるコンテンツの中でぴったりなものを見つけたら、あなただけのリストを作って、いつでも見返すことができます。 GET STARTED さっそくはじめる

A game where you need to pick the design that is most correct. Test your attention to details!

デザイナーのばっこ（@is178）です。 ヒトメディアでは、毎月有志が集まって勉強会を開いているのですが、先月、ノンデザイナー向けに「デザインとはなんぞや」という発表をしまして、その時の資料を公開したいと思います。 デザインとはなんぞや デザインはめっちゃ範囲が広い グラフィックデザイン、UIデザイン、UXデザイン それぞれの特徴 グラフィックデザインは「視覚（ビジュアル）のロジック」を考える UIデザインは「対話（インタラクティブ）のロジック」を考える UXデザインは「工程（プロセス）のロジック」を考える デザインがデザイナー以外にも解放された デザイン≠センス、デザイン≠ロジック 終わりに デザインとはなんぞや 「デザイン」と聞くと、最初に思い浮かぶのはきっと、華やかな感じの、センスがどうとかクリエイティブがどうとか、何か見た目が良いものを作るようなイメージが強いと思います。 しかし、

いまSNSでシェアされている『グラフィックレコーディング』を徹底リサーチ！過去半年以内にシェアされた最新のグラレコのまとめをお届け。かわいいイラストや図など、ひと目でイベントの要点が把握できちゃいます。どんな職種の方にも参考にしていただけるはずです！ 目次 はじめに グラレコ作成者｜Twitterアカウント一覧 ・イラストレーター ますぶちみなこ @masco ・わなみん ＠wanami3103 ・タムカイ @tamkai ・こまどり @kmdrism ・たじま/マーケティングとデザイン @DesignHumore ・kanako nakamura　＠puchikana ・川邉マナブ / 15VISION　@kwbmnb ・ひろみつ @hiromitsuuuuu イベント別｜グラフィックレコーディングまとめ ・UI Crunch Design in Fintech Startups(201

デザイナーにコミュニケーションスキルが必要と言われるしその通りだと思うけど、日本の美大でコミュニケーション教育は重視されてないのに関わらず、社会に出たら突然「重要です！」と言われて最近の新卒は「突き放された気持ちになる」と言う話をたまに聞く。 社会人はデザイナーに限らず、コミュニケーションスキルが必要だけどデザイナーが不幸なのは教えてくれる人が極端に少ない点だと思う。 デザインスキルは楽器演奏と同じで、実践による反復運動の繰り返しで身につくモノなので本人の努力次第だけど、コミュニケーションスキルは言語化してレクチャーする方が伸びが早い。 デザイン相談を依頼されて「うちのデザイナーはコミュニケーション力が無くて...」と課題感を持つ人は多いですがデザイナーの問題だけではなく、デザイナーが下流工程に居る事で情報不足・見積もり不足で、不利な状況が故にその問題が起こっているケースの方が多い。 この

HCIはひとつの固有な研究領域といえるのか 2/2： HCI固有の領域を考える 10月28日 読了までに約9分 そもそもHCIの固有の領域というのは何なのだろう、という問いがでてくる。また、我々の研究領域は、本当にHCIつまりHumanとComputerのInteractionなのか、ということも考えておかねばならない。 このコラムについて日本ユーザビリティ界のリーダー・黒須正明教授（略歴）による「ユーザ工学」講義。ユーザビリティ・UX・HCDなどの重要なトピックを解説してくれています。 HCIはひとつの固有な研究領域といえるのか 1/2： 初期の考え方 10月10日 読了までに約3分 ACM SIGCHIでは、HCIという研究領域の体系化を図るために、大学でのカリキュラムについて検討してまとめた。ACM SIGCHIのカリキュラムでは、4つの教学領域と、4つのコースが考えられた。

デザインを仕事にしていない人たちにとっても、クリエイティブな思考が求められる機会が増えてきました。 いわず物がな、クリエイティブ思考の原点は「センス」です。ぼくはデザイン業界に身を置いて約10年になります。学生時代から含めると、さらに長い時間クリエイティブ分野に触れている事になります。 「私にはセンスが無いから…」デザインの現場で働いていると、お客様からたまにこんな言葉を聞きます。センスというとクリエイターに与えられた特別な力と認識されている方が多いですが、何も特殊な能力ではありません。 センスとは何か？ まずは「センス」の言葉の意味を理解するところからはじめます。 senseの意味を調べると １ 物事の感じや味わいを微妙な点まで悟る働き。感覚。また、それが具体的に表現されたもの。「文学的な―がある」「―のよくない服装」「バッティング―」 ２ 判断力。思慮。良識。「社会人としての―を問われ

Thank you for being patient. We are doing some work on the site and will be back shortly.

Webデザインの評価項目というのを、ディレクターやデザイナーの方々はつくっているでしょうか？ 評価項目があると、デザイナーやディレクターだけでなく、クライアントにとってもデザインの基準がわかりやすくなり、目標地点が明確になります。 今までつくったことがなかったという方は、この機会につくってみてはどうでしょうか。 改めて、Webデザインの評価項目をつくるメリットです。 デザイナー、ディレクター、クライアントにとって、デザインを評価する共通認識を持つことができ、三者間で認識のブレが少なくなる デザインの優先すべき項目（もっと企業の色を出したい、など）がわかりやすくなり、それをデザインに反映させることができる デザイナーは、すでに満たされている要素にそれ以上時間をかけることがなくなり、足りない要素に注力できる デザインの評価項目とデザインエレメント一覧表 私はWebデザインの評価項目を、以下のよ

文字の扱い方、レイアウト、カラー、エフェクトなど、プロのデザイナーがこだわっているデザインの基本となるルールと、ついやってしまう間違いとその解決方法まで、ワンランク上のデザイナーになるためにひとつ一つをしっかり見直したい20のデザインテクニックを紹介します。 カーニングとはフォントの文字間のスペースを調整することです。カーニングの最終目的は、それぞれの文字の間が不自然な空白にならないように字面間のスペースを均等にし、テキストを美しく整然とした一つのまとまりにデザインします。 カーニングがされていない、カーニングがいいかげんな仕事は、デザインの世界において大罪の一つです。カーニングはデザイナーが早い段階で身につけるべき重要なスキルです。 20 Typography Mistakes Every Beginner Makes 基本的だけど大切なタイポグラフィのシンプルな14のルール リーダビリ

第１章「Ｗｅｂの基礎知識」の練習問題集です。 公式と同じく、基本的に4択形式で作ってあります。 &color(red){正解は、選択肢の下の「正解：　」をドラッグして反転すると表示されます。} 一問ずつ解いていっても構いませんが、 公式試験では85問を90分で解きますので、 できれば紙と筆記具を用意し、10問を10分以内で解くなどの癖をつけておくことをお奨めします。 &color(red){問題は標準ガイドブック「Webリテラシー」の流れに沿って作られていますので、} &color(red){分からなかった問題は簡単に復習できるようになっています。} &color(red){必ず復習を行い、苦手な問題を無くしていきましょう。} それでは、開始してください ↓↓↓ ---- 問１.次の文章にあてはまる人物を選びなさい。 ＣＥＲＮに所属し、ＷＷＷの起源となる文書交換システムを提案した。Ｗ３Ｃに

デザイナーがチームで取り入れるべき、効果的なスキルアップ方法をご紹介した記事社内にデザイナーが複数人在籍する場合、チーム内でのデザインクオリティの担保やスキルアップはどのように行われていますでしょうか？VASILYでは、デザインレビューや、インプット、セミナー参加など、チームでも個人レベルでも常に積極的に行いながら制作しています。 デザインレビューやインプットの仕方などは、デザイナー間でもよくあがる話題の一つだと思いますが、今回は弊社デザイナーチームがスキルアップのために実際に行っている効果的な方法を3つご紹介したいと思います。 1. デザイナー全員でのデザインレビュー ■チームとしての課題 スタートアップでは、制作と開発を速いサイクルで回していきながらも、デザインの質と量はどちらも担保していかないといけません。 これまでは、エンジニアへ依頼までの細かい確認と、実装後の確認をデザ