何かと混合されがちなデザインとアート。 両方のアウトプットがビジュアルになりがちなことや、日本の場合だと、美大出身のデザイナーも多いことから、この二つの領域が混ざっているケースが結構多い。 しかし、実際の現場の仕事内容はかなり異なる。デザインとアートの違いは、それぞれ一言で表現するとわかりやすい。 デザインとは“与えられた制限内でユーザー視点に立ち、最大の結果を出すためのプロセス” アートとは“できるだけ制限を排除し、受け取る者にインパクトを与えるための自己表現” このように、アートとデザインは対極にあるぐらい異なるのであるが、両方とも同じ“何かを作りだす”ということから、混合するケースが後を絶たない。 自己表現と問題解決、ビジュアルというメソッドが同じでもその目的は大きく異なる。 デザインとアートの違い: 問題解決と自己表現 説明が求められるのがデザイン、自由な解釈ができるのがアート「W
ピクセルパーフェクトが話題になっているみたい。こういう職種間の問題は、触れると危険な感じはするけど、論点がそこなのかなと思う部分がある。自分が見かけた範囲では、ピクセルパーフェクトじゃないとダメとか、そうじゃなくてもいいとか議論されていたのだけど、そもそもピクセルパーフェクトで十分なのかな？ 重ねてみて揃っていればOK？ウェブの場合、レスポンシブにしても、リキッドな部分があることが多いし、そこに入ってくるコンテンツも、いろいろなバリエーションが考えられるので、ある特定の環境、特定のコンテンツにおいてピクセルパーフェクトだということでは、十分ではない。「カンプを背面において作ればピクセルパーフェクトになる」といっている人もいるが、それはウェブのデータとしては、全然十分ではない。 重ねてみて揃っていればOKということではなく、どんな閲覧環境でも、どんなコンテンツが入ってきても問題がない状態であ
こんにちは。 デザイナーの朝子です。 春ですね。 最近、目が痒く、鼻水とクシャミが出ます。 この世に生を受けて、ある程度長い月日が経ちました。 今まで私には無縁と思っていた、Ka-fun症に知らずに仲間入りしはじめているかもしれません。 気のせいだといいのですが…。 さて、今日はグラフィックデザインの制作において、大事な工程の一つをご紹介します。 一見、かっこよさげに見えるこのデザイン。 だがしかし…！ このデザインには、重篤な残念ポイントがあることにお気づきでしょうか？ 一般の方にはやや難しいかもしれません。 ですが、グラフィックデザイナーを目指す方には確実に気づいてほしいポイントです。 ヒントは『文字の中』にあります。 ズームしてみますね。 例えばこことか。 こことか。 どうでしょう…？ 文字と文字の間隔が不自然なことにお気づきでしょうか。 「んー、まぁ言われるとそうかな？」くらいの方
本格的なドリップコーヒーを楽しみたい方にぴったりな「コーヒーポット」。ゆっくりとお湯を注ぐのに適した形状をしているのが特徴です。 しかし、素材や注ぎ口の形状などが製品によって異なるため、どのコーヒーポットを選んだらよいのか分からない方も多いのではないでしょうか。そこで今回は、コーヒーポットのおすすめ製品を選び方のポイントとともにご紹介します。 ※商品PRを含む記事です。当メディアはAmazonアソシエイト、楽天アフィリエイトを始めとした各種アフィリエイトプログラムに参加しています。当サービスの記事で紹介している商品を購入すると、売上の一部が弊社に還元されます。 By: amazon.co.jp コーヒーを淹れるときは、お湯をゆっくりと注ぐことが重要。注ぎ口が広いやかんやケトルなどは一度に大量のお湯が流れるので、時間をかけてお湯を注ぐのは難しい傾向があります。 コーヒーポットは、コーヒーを淹
『ビジネスの武器としての「デザイン」』（奥山清行 著、祥伝社）の著者は工業デザイナー。 これまでにフェラーリ・エンツォ、マセラティ・クアトロポルテなどの自動車デザインを手がけ、独立後は秋田、北陸新幹線に代表される鉄道デザイン、さらには鉄瓶や眼鏡といった地場産業の開発～販売までを担うデザインコンサルティングを行ってきた実績の持ち主です。 そして高齢化が進む現代においては、移動手段としてのモビリティの創出といった社会的な課題解決をデザインすることにも携わっているのだとか。 だからこそ、その経験を通して、デザインへの誤解を解いていきたい。 単なる「表面的なデザイン」ではなく、 実際に使える「デザインの考え方」とは何なのか？ 「デザイン」の定義から ビジネスの最前線における「デザインの今」についてまで、 本書の中でお伝えしていきたいと思います。 つまり現代は、「自分はデザイナーではないから」と、デ
洗濯表示には、そのお洋服を取り扱うための大切な情報がたくさん。<br>\r\n洗濯表示を正しく理解して上手にお洗濯しましょう。</p>\r\n"}}" id="c-gen002-dcf7a11a45" class="cmp-text"> 洗濯表示には、そのお洋服を取り扱うための大切な情報がたくさん。 洗濯表示を正しく理解して上手にお洗濯しましょう。 （2024年8月20日 家庭用品品質表示法に基づく繊維製品品質表示規程の改正内容反映済）</p>\r\n"}}" id="c-gen002-992eff6867" class="cmp-text"> （2024年8月20日 家庭用品品質表示法に基づく繊維製品品質表示規程の改正内容反映済） 新洗濯表示では、下の参考例のように7種類の図柄がつけられます。<br>\r\n１．洗濯図柄<br>\r\n２．漂白図柄<br>\r\n３．タンブル乾燥<sup
ソシオメディアがまとめている、ヒューマンインターフェースをデザインする際の指針です。これらは、インターフェースデザインに関する様々な文献と、実際のデザインコンサルティングで得た知見をもとに、ソシオメディアが独自に編纂したものです。継続的に追加・更新していきます。 すべてモデルインタラクションプレゼンテーション
文字組版の基本、後半は「ルビ」をとりあげます。ルビとはみなさんご存じのとおり、漢字の右側（縦組みの場合）に小さい文字で記載される振り仮名のことを指します。 では、「ルビ」という言葉はどこからきたのでしょうか。 宝石の”Ruby”が語源です 19世紀後半のイギリスでは活字の大きさごとに宝石の名前が割り振られていたそうです。 例えば…… 4.5ポイント：ダイヤモンド5ポイント：パール5.5ポイント：ルビー6.5ポイント：エメラルド これが日本に輸入され、5.5ポイントに近い大きさの七号活字（5.25ポイント、8級）を「ルビ活字」とよび、振り仮名自体を「ルビ」と呼ぶようになったようです。七号活字は明治時代の新聞活字で振り仮名として利用されていたものです。同じ「ルビー」でも、アメリカでは3.5ポイントを表しているのだとか。 もしもアメリカから活字名が輸入されていたら、現在のルビは「瑪瑙（agate
前半・後半の二回にわけてとりあげる、日本語文字組版の基本。前半は「禁則処理」について扱ってみたいと思います。 禁則処理については、Wikipediaに明快な定義がなされています。 禁則処理（きんそくしょり）とは、特に日本語の文書作成・組版において、「約物などが行頭・行末などにあってはならない」などとされる禁止事項、または、それらを回避するために、字詰めや文の長さを調整したりすること。 「約物」とはもともと印刷用語で、句読点・疑問符・括弧類などの記号を指す言葉です。 印刷会社によっては括弧を「パーレン」、！を「雨だれ」、？を「耳だれ」などと呼んでいたりしますね。 禁則処理については、出版社ごとにハウスルールがあります。そのため、ここでご紹介するのはあくまでも一般的な処理であることを最初にお断りしておきます。 禁則いろいろ 禁則１：行頭禁則文字 行の頭にきてはいけない文字は以下のとおり。 終わ
概要 印刷用のトンボはどうやって付ける？ 出版業者にPDFファイルなどを送信するときには多くの場合トリムマーク（トンボ）が必要になります。Illustratorにはこれを自動的に付与してくれる機能があります。 ではAffinity Designerではどうでしょうか。実はエクスポートの設定からトリムマークを設定することが可能です。ただし日本式トリムマークは2016年5月時点では対応していないようなので注意してください。日本式トンボと西洋式トンボの違いはこちらを参照。 トンボ以外に付与できる情報 なお、Affinity Designerにはトンボだけでなく、ページ情報やカラーバー、登録マークを加える機能があります。 ページ情報はファイル名やファイルの作成日時のタイムスタンプを記録するものです。カラーバーは色が適切に表現されているかを確認するための印刷管理マークです。また登録マークはターゲット
ウェブページのテキストはいくつかの文字サイズの組み合わせで出来ています。それぞれの文字サイズは情報の階層構造を表現するなどの役割を担いますが、同時にお互いが適切なバランスで調和しているべきです。そのため文字サイズはページやコンポーネントごとに場当たり的に決められるべきではありません。プロジェクトを通じて一貫したシステムを形成している必要があります。 そういった調和と一貫性を持った文字サイズのシステムを作るために、私たちのチームでは「調和数列」に基づいて一連の文字サイズを決めることがあります。調和数列とは等差数列（隣接する項が共通の差を持つ数列）の各項の逆数からなる数列です。 1, 2, 3, 4, 5, 6 ... // 等差数列 1, 1/2, 1/3, 1/4, 1/5, 1/6 ... // 調和数列 実際に調和数列を用いて文字サイズを算出する例を以下に示します。 $font-siz
Illustratorなどのアプリケーションでの表示 「源ノ角ゴシック」は「源ノ⾓ゴシック JP」、「源ノ角ゴシック CJK」は「源ノ角ゴシック」と表示されます。 一致させてくれるとよかったと思います。 Illustratorなどのアプリケーションでの表示（英語表記のとき） 英語表記にすると、「Souce Han Sans（JP）」になります。 なぜか「Regular」のウエイトのみ、「Regular」が表示されません。 ちょっと気になる点 こちらの記事（blogs.adobe.com/japan/cc-adobefonts-source-han-sans-japanese-source-han-sans-cjk-japanese/）内に 「源*の*角ゴシック」ファミリー → 「源ノ角ゴシック」ファミリー これらのフォントには、Unicode CJK Unified Ideographs
Tea doll. Fairbanks, Alaska,USA 2009 _______ これは2010年の夏、私がアラスカのフェアバンクスに一ヶ月ほど研究で滞在した時、現地の人形コレクターの女性の家で見せてもらった人形です。一見して年季が入った手作りのもので、21世紀の今の私たちの目から見ると、お世辞にもかわいいものとは言えません。しかし説明を聞いてみると、この古ぼけた人形が一変して見えてくるのです。 まず彼女に、「持ってごらん」と言われ、私は両手で人形を受け取りました。ずっしりと重みが伝わってきます。どうやら通常の人形のように中に綿が詰まっているわけでは無さそうです。うろたえていると、「嗅いでごらん」と言われ、私は鼻を近づけてみました。なんだか葉っぱのような、爽やかな匂いがします。この人形の中には綿ではなく、なんと〈お茶の葉〉が詰まっているのでした。 それはなぜでしょうか？彼女の説明
何かを作りたいときは、エディターをいきなり起動してはいけません。 エディターを閉じて、まずはイメージをまとめることに集中しましょう。 なぜこの文章が必要か なぜ何かを作る前にイメージをまとめる必要があるのでしょうか？ 頭の中には完璧な作りたいもののイメージがあることでしょう。 であれば今すぐにでもプログラミングを始めるのが賢明なように思えます。 ですがそうしてはいけません。理由は「作りたいもののイメージは単なる幻想だから です」。 頭のなかにあるイメージはとても素晴らしいものですが、多くの場合は曖昧で、触れられない、価値を検証できないものです。 それを一旦書き出して、まとめていく方法を知っておきましょう。 まとめていく中で作るものがより明確になり、自分でも気づかない価値を発見できます。 作るものをまとめて検証することで、作り始めた後の手戻りを防ぎます 作るものをまとめて明確にすることで、作
オウンドメディアやソリューション構築において、参考にし欲しいビジネスモデルの設計方法が「リーンキャンバス」です。 前回は、リーンキャンバスについて概要を説明しましたが、今回はリーンキャンバスの書き方をferretの例をもとに解説しますので、参考にしながら自社のビジネスモデルに当てはめて考えてみましょう。 前回の記事：成功したスタートアップから学ぶビジネスモデルの設計方法「リーンキャンバス」とは リーンキャンバスとは リーンキャンバスを設計したアッシュ・マウリャの著書「Runnnig Lean」では、下記図のように、以下の要素を1ページに盛り込んだビジネスモデル図を意味します。 ※会員限定でテンプレートがダウンロードも可能です。形式：xlsx (記述する際は、①から順に記載するのが設計しやすいと言われています) ① 課題：ターゲットが感じている解決すべき上位３つの課題 ② 顧客セグメント：ど
みなさんイラレ好きですか？わたしは好きです。 長年イラレを我流で使ってきましたが、「これで作業効率がよくなった！」というものを紹介するシリーズです。第一回は「ツールのショートカット」です。 「ツール」にもショートカットがあるショートカットというと、コピーの「⌘C」ペーストの「⌘V」といった「アプリケーションメニューを思い浮かべると思います。Illustratorでは、「ツールバー」に並ぶツールにもショートカットが当たっています。作業中にツールバーを右往左往するのは結構なタイムロス、ショートカットで切り替えると時間短縮になります。 しかも、ツールのショートカットは好きに変更できます。わたしは右手にマウス、左手がキーボード、という制作環境なので、よく使うショートカットはなるべく左に寄せています（尊敬する三階ラボさんを参考に）。ショートカットは全て覚える必要はありません、よく使うものを2、3覚え
紙のデザインはメインの仕事ではないけれど、ロゴ制作の依頼に合わせて、名刺の依頼もいただくことが多い。頻度は高くないものの、1年に数回はあるので、自分のメモも兼ねて名刺デザインについてまとめてみたいと思う。 この記事は実験的に有料にしていますが、投げ銭制度となっており、購入しなくてもすべて読めます。その代わり購入いただいた方にはオマケでこの記事用につくった名刺のIllustratorデータをダウンロードいただけます。基本フォーマットまず基本的なこととして、名刺のサイズは「55 × 91mm」 海外だともう一回り小さな名刺が主流で「51 × 89mm」 載せる内容意外と依頼する側は何を載せるのか決まってなかったりする。そのため、まずこちらから項目を渡し、載せたい情報のみを教えてもらうと良い。 名前 フリガナ（ローマ字、平仮名。大抵はローマ字） 肩書 会社名 電話番号 メールアドレス URL S
「カメラの使いかたを教えてほしい」と頼まれることが多い、つぼた（@spot_tsubota）さん。 自身がカメラを始めたころに「もっとシンプルで、まとまった資料がほしい」と感じていたものを見やすくまとめて投稿したところ、感謝のコメントが多数寄せられました。 カメラを使うのが楽しみ！ 手軽に撮影が楽しめるコンパクトデジカメなどと違って、専門的な知識も必要になる一眼レフカメラ。 『シャッタースピード』や絞りといわれる『F値』など、カメラ初心者にとっては取っつきにくく、ハードルが高く感じる言葉があります。 そんな基本的な用語を図で分かりやすく表現した、つぼたさんの画像がこちらです！ 最近「カメラの使い方を教えてほしい」という声が多いので、以前作った「カメラの基礎講座」も需要がありそうだなと。私がカメラを始めた頃に「もっとシンプルでまとまった資料があれば良いな」と感じていたものを形にしてます。カメ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く