円グラフのデザイン集 | おしゃれで伝わるグラフの作り方｜かわちゃん
円グラフについて「書くときの注意点」「円グラフの種類」「どういったデータが円グラフに向いているか」「実際の円グラフのデザイン」などを画像を使ってわかりやすくまとめました✨ note公式Twitterでも紹介された人気記事なので、よかったら見てね😊 さくっと書きたい人は「円グラフの種類」から読むことをおすすめします。いろいろな円グラフのデザインがあるので、気に入ったグラフを真似して使ってね。 しっかり考えて書きたい人は、「円グラフを書くときの注意点」を読めば、見やすい円グラフの作り方がわかるとおもいます。 円グラフを書くときの注意点・本当に円グラフでいいの？ 円グラフはわかりにくくなりやすいグラフです。 要素が3つ以上ある場合は、棒グラフを使ってみるのもおすすめです🙆 「円グラフは使うな」という方もいますが、私は使い方さえ間違えなければ円グラフも素晴らしい表現方法だと思うので、簡単にわか
コピー＆ペーストでOK！Excelの表をIllustratorでグラフ化する方法 | DigitalFan [デジタルファン]
Illustratorのグラフツールはコピー＆ペースト対応 Illustratorに「グラフツール」があることはご存じですか？意外と使われていないこのグラフツール、Illustratorで、ちまちまと数字を入れていこうと思うと大変ですが、Excelのデータをそのまま利用できるのです！ExcelとIllustratorをよく利用する機会が多いなら、ぜひとも覚えておきましょう。 用意するもの Adobe Illustrator CS6 Microsoft Excel Excelの表をIllustratorのグラフにする方法 STEP1 Excelの表を用意する ここでは、棒グラフを例に作ってみます。まず、Excelでグラフの元となる表組みデータを用意します。なお、このとき、セルの桁区切り（コンマ）表示や、通貨記号などはオフにしておいてください。もしも、それらの表示がオンになっている場合は「書式
![コピー＆ペーストでOK！Excelの表をIllustratorでグラフ化する方法 | DigitalFan [デジタルファン]](https://cdn-ak-scissors.b.st-hatena.com/image/square/dbbb927920736271f3f56724dd242356ab920e73/height=288;version=1;width=512/http%3A%2F%2Fp.cdnanapi.com%2Fr%2F2013%2F04%2F11%2F10%2F20130411104321_51661539b77dd.jpg)
SVGのインフォグラフィックをメディアクエリーでレスポンシブ対応に
SVGを使えば、モバイルでもデスクトップでもきれいなインフォグラフィックが表示できます。でも、単に拡大縮小するだけじゃダメ。ユーザー目線でもっと見やすくするCSSのテクニック、これは押さえておきたいですね。 数週間前、Boxy SVGの無料のベクターエディターを使って、SVGで次のStar Trek vs. Star Warsチャートを作る方法について書きました。 この記事では、SVGのきれいでうまく描けるメリットについても触れました。今回の記事では、そのアイデアについてもう少し深掘りしてみます。デザインとUXのカテゴリーなのは分かっていますが、ときにはより良いデザインのためにコードレベルまでコントロールしなければなりません。これからSVGマークアップの中身をあれこれ見ていくことになりますが、きっと役に立つ何かを得られるでしょう。 SVGを使った実験をするときは、以下の方法がベストです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
