誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
【一つは持っておきたい】ナイトアイズのカラビナで、あの面倒ごとから解放されました
どんなアイテム？ 「フィギュア9」はたった13gの手のひらに収まるカラビナ。 特徴的なのは、本体下部のギザギザした部分。このパーツが、ロープワークの手助けになるアイディア商品なのです。 数秒で面倒なロープワークが解決 船のイカリのような形をしたこの箇所に、番号と矢印が記されています。 その指示の通りにロープをひっかけるとご覧の通り。面倒なロープワークを省くことができるのです。慣れると素秒でロープワーク完結します。 ちなみにロープの長さはどれだけ長くてもOK！ 私は色んなシーンで使うことを想定して10m用意しました。 ロープの経に関しても2mm〜5mmと一般的に使用されるロープの経ならどれでも対応できるような構造になっています。 使用パターンは2つ使い方その1 まずはスタンダードな使い方として、カラビナにロープを固定する方法です。 カラビナのフック部の番号がふられている通りに、ロープを通しま
マンションの部屋がワンランク心地よくなる。プロに教わる、論理的な「インテリアコーディネート」の考え方 - マンションと暮せば by SUUMO
引越しや断捨離をきっかけにお部屋のインテリアをガラッと変えたいと思ったとき、ポイントになるのが家具のセレクトや配置です。特にマンションの場合は面積に限りがあるためリビングやキッチン、ダイニングがひとつながりのことも多く、空間をどのように区分けするかなど頭を悩ませた経験のある方も多いのではないでしょうか。 今回はそんな「インテリアコーディネート」のポイントと実例、そしてプロでなくとも実践できる基礎的な考え方について、インテリアコーディネーターとして活動する秋山麻衣子さんにお聞きしました。 感性だけに頼らない論理的なコーディネートを提案されていらっしゃる秋山さんのお話は、プロでなくても満足度の高い部屋づくりに生かせる考え方が詰まっていました。 インテリアコーディネーターは、「お悩み」をもとに理想の住まいを組み立てていく仕事 ── そもそも、インテリアコーディネーターとはどんなお仕事なのでしょう
これは便利すぎる！ Webページを1クリックで編集可能なFigma用に変換できるプラグイン「html.to.design」が神アップデートされました
WebページのURLを入力し、1クリックするだけで、そのページの編集可能なFigmaファイルに変換できる無料プラグインを紹介します。 去年紹介しましたが、先日ver.2にアップデートされました！ 一括インポート、マルチビューポート、マルチテーマ、テキストとカラーのスタイル生成ができるようになり、さらに便利になりました。 AppleなどのWebページを1クリックで変換するのはもちろん、日本語のWebページでも問題なく動作しました。Webデザインの勉強用に、既存サイトをリニュアールする用にも便利ですね。 html.to.design -Figma デスクトップとスマホも同時に！ 1クリックでWebページをFigmaに変換 html.to.designの利用方法 html.to.designの使い方 1クリックでWebページをFigmaに変換 html.to.designは、URLを入力して1ク
欧文で「〜」は使いません。ハイフンとダーシの話｜しじみ ｜デザインを語るひと
欧文のルール日本人は知らない欧文（主に英語）のルールというものがあります。これは英語の授業でも教えてくれません。それゆえか翻訳者からの原稿にも、このルールに則っていないものがすごく多くあります。 知っておくと何かとアドバンテージになるので少しずつご紹介していきます。ご紹介した欧文のルールはこちらのマガジンにストックしていきます。 欧文で「〜」は使わない考えてみると「そりゃそうか」ってなるのがこの「〜」。日本だと 午前10時〜午後7時 というように使用します。便利でわかりやすい符号です。 「〜」は波形という日本の約物これは「波形」というつなぎ符号です。約物（やくもの）という記号の一種。波形の意味は、「…まで」。だから 東京〜大阪まで という表記は間違いです。「東京〜大阪」で「東京から大阪まで」という意味になるからです。波形は、この他に語句の省略や長音を強調するために使う音引き「ー」の代わりに
これを読むと確かなデザイン力が身につく！ 「伝わる」デザインを学べるノンデザイナー向け良書 -パワーポイント・デザインブック
控えめに言って、これはかなりお勧めのデザイン書です！ レイアウト・文字・配色・イラスト・画像など、デザインの原則から応用テクニックまでていねいに分かりやすく解説されており、しかも全ページが非常に美しくレイアウトされています。 書名でパワーポイントと聞いて、関係ないかな、と思った人は大間違い。私も最初は興味があまりなかったのですが、中を見てみたら、間違いに気がつきました。本書は「伝わるビジュアル」づくりを身につけられるデザイン書、ノンデザイナーから中堅デザイナーにお勧めします！ 本書はC96の『PowerPoint Re-Master』を継承しつつ、ゼロから再構成された新刊書。全文がリライトされ、解説も大幅に増強、「誰もがビジュアル-コミュニケーション-デザインができる」世界を目指し、ノンデザイナーが「伝わる」デザインを学べる解説書です。 全ページが非常にかっこよく美しくデザインされているの
伝わる文章 | 基本要素 | SmartHR Design System
相手に誠実に、わかりやすい文章を書くための心がけをまとめました。 どういう思考プロセスからどんな表現が生まれるのか、参考として実例を紹介しています。実際に読み比べ、SmartHRの従業員として何かを伝えようとするときの、参考にしてください。 伝わる文章のガイドライン何を伝えるかによって、必要な情報の量や説明の粒度は異なります。 情報が不足していたり、逆に情報が多すぎたりすると、読者が意図を読み取れないことがあります。 読み手となる相手の状況（読む場面、事前知識など）を踏まえ、言葉にする内容や表現を厳選することが大切です。 目的に合わせて情報を取捨選択する読者の目線に立ち、コンテンツの目的に合わせて情報を取捨選択しましょう。 実例1：法律や業務に関わる記事目的業務に関係する「厚生年金保険」について正確に知りたいと思っている人に、わかりやすく内容を伝える。 Before日本の年金制度は、全国民
画像編集ソフトの覆い焼きやソフトライトといった「レイヤー合成モード」は一体何をしているのか？
Photoshopなどのデジタル画像編集ソフトウェアでは、「覆い焼き」や「ソフトライト」といったさまざまなブレンドモード(レイヤー合成モード)を用いて画像を編集することが可能です。このレイヤー合成モードは一体何をしているのかを、プロダクトデザイナーのダン・ホリック氏が解説しています。 Blending Modes | Dan Hollick https://typefully.com/DanHollick/blending-modes-KrBa0JP レイヤー合成モードは、2つの入力カラーに基づき新しいカラーを作成するというものです。以下の画像の「Foreground(前景)」と「Background(後景)」が異なるレイヤーであり、「Result」部分がレイヤー合成モードにより出力された新しいカラーを指しています。 レイヤー合成モードの中で最も単純なのが、「Darken(比較(暗))」と
Markdownでシーケンス図とかが書けるMermaid記法で業務フローを書いたら意外とイケたので自分なりのコツを紹介してみる | DevelopersIO
こんにちは、臼田です。 みなさん、業務設計してますか？(挨拶 今回はMarkdownでシーケンス図やフローチャートなどの図を記述できるMermaidを使って業務フローを書いてみたら、意外と書けたので自分なりのTipsを紹介したいと思います。 その前に 注意点として、まだMermaidを使い始めたばかりなので、「もっとこうしたらいいぞ」とか「こっちのほうがいいぞ」とかあれば建設的なフィードバックとしてSNSとかでいただけるとありがたいです。 あと業務フローって表現しましたが、人によって思い描く業務フローが違うと思うので、業務フローの定義に関するツッコミはご容赦ください。私が今回Mermaidで書いたのは以下の図です。(内容はブログ用に簡素化しました) この図のコードは以下のとおりです。(後ほど解説します) sequenceDiagram autonumber actor お客様 partic
【日本語フリーフォント】本当は教えたくない！デザイナーが仕事で使ってる12選【商用可】 | ベーコンさんの世界ブログ
１．うずらフォント（手書きフォント系） ▼ぜんぶうずらフォントです。 手書きフリー日本語フォントはたくさんありますが、最近はこれがお気に入りです。 ゆるい感じが可愛らしい。 ちょうど下手すぎず、上手すぎずがちょうどいいんですよね！ このフォントの使いみち ダウンロードはこちらから ２．Noto Sans Japanese /a 源ノ角ゴシック（ゴシック太さ多数） GoogleとAdobeからこのフォントが発表された時、デザイナーは沸きました。 しかし思いません？ winならメイリオとかmacヒラギノとか最初から入っているフォントでいいよ！ ぼくも、そう思います！ あーでも、しかし１つだけこのフォントが便利な点があるんです。 それは 文字の太さの種類がある これが大事なんです。デザインを作る時に便利！ OSに最初に入ってるフォントは、太さの種類が２、３種類だと思います。 ボールドボタンで太く
わたしのデザインセオリー（写真マスク編） - デザイナーのイラストノート
この記事は「Webデザインセオリー Advent Calendar 2015」の11日目の記事です。@striveさんの「Webデザインの価値と効率を上げるため意識していること Webデザインセオリー Advent Calendar 2015」というとても戦略的でいい記事から一点、小手先の話ですみません・・・！ デザインに写真を使うときにわたしがよくしていること 「デザインセオリー」というと「これをやればデザインはOK！」みたいに聞こえますが、もちろんそんなことはなく、自分が画像をトリミングしたりマスクするとき、イメージや印象を伝えるために、どんな手法をよく使うかということを実例を交えながらご紹介します。 グラデーションマスクにこだわってみる メインイメージなどで、写真の上にメッセージを重ねるのはよくある手法ですね。例えばこの緑をバックにした女性の写真を使用して、上に文字を重ねましょう。
こんな簡単でいいの？便利すぎるPhotoshopのプラグイン23選
デザイン制作の大半をPhotoshopで作業する人も多くいらっしゃいます。 そんなPhotoshopですから、自分仕様に環境を整えておくことで作業の快適具合も大きく変わってきます。 今回は、Photoshopでの作業を効率化する使い勝手の良いプラグインを28個に絞りご紹介します。 フォトショッププラグインとは、標準機能を拡張するファイルのことです。必要に応じてインストールすることで作業効率を飛躍的にアップさせることが可能です。 全てインストールする必要はありませんが、気になるものがあれば是非一度使ってみてください。 便利すぎるPhotoshopのプラグイン23選 1.Velositey http://dandkagency.com/extensions/velositey わずか数回のクリックであっという間にホームページのレイアウトを作るプラグインです。 ヘッダからコンテンツ、フッターなど
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
新入社員必見！プレゼン資料の作り方からプレゼン方法の基礎まで学べる良質SlideShare11選
ビジネスシーンにおいてプレゼンをする機会は誰にでもあるのではないでしょうか。 プレゼンというと「商品を販売する行為」をイメージしがちですが、一口にプレゼンといってもお客様に提案をする時、自分の売り込みをしたい時以外にも、社内メンバーへの提案や上司を説得する際にもプレゼンは必須です。 つまり、プレゼン能力は全てのビジネスパーソンにとって無くてはならない能力なのです。そのための、プレゼン力をつけるためにはまず、基本的なルールを学びましょう。 今回は、世界的に有名なファイル共有サービス「SlideShare（スライドシェア）」より、プレゼン資料の作り方から実際のプレゼン方法まで学べる資料を11個厳選してご紹介します。 資料作成時には実際のプレゼンを想定し、伝えたいポイントだけを記載する必要がありますが、書きたいことを整理出来ず情報を詰め込んでしまいがちです。 このスライドでは、聞き手に伝わるプレ
ZOZOTOWNの商品説明が、思いのほかPR文の書き方の勉強になった！｜トントン拍子
仕事でたまに商品説明を書くことがあります。扱う商品は生産財が主なので、書くことはスペックがほとんどですが。 本日の売り上げランキング1位はパンプスです。 商品説明を読んでいきましょう。 ★PELLICO (ペリーコ） イタリアの最上級の素材と最高の職人技術によって生産されています。 熟練の職人によって行われる靴作りは、自らの小さな工房でかたくなにひとつひとつ丁寧に作りあげられています。 その高い技術により、数々のハイブランドからのオファーを受けながらも、高い技術と自らのコレクションを守るためにどこにも属さない姿勢を貫いています。 PELLICOの靴は「走れる8ｃｍヒール」と例えられるその安定感が魅力。 日本人の足にも吸い付くような履き心地を約束してくれます。 履く女性を少しだけエレガントにしてくれる一足。 ブランド説明が商品価値を高めるここまでがブランド自体の説明です。 ZOZOは様々なブ
オリジナル名刺100枚をデザインから納品まで約700円1週間以内で作る - karaage. [からあげ]
オリジナル名刺をつくろう！ 最近、仕事以外の活動で名刺をもらうことが多くなりました。そんなある日、ろんすた (id:lonestartx) さん、lomomaria (id:marialite)さんから「You 名刺つくっちゃいなYO！」と言われて、いつも貰いっぱなしも何だしなということで名刺を作ってみることにしました。 せっかく作るのだから、会社の名刺みたいにクソみたいなテンプレートに縛られない、オリジナルデザインの名刺を作ってみることにしました。ちなみに私は入社2年目くらいのとき、会社の名刺に多少カスタムで注文を入れたら、何故か管理課のオッサンが激怒して言い争いになったことがあります。最近では流石にそんなこともないですけど。 オリジナルなデザイン名刺を安くつくる方法 というわけで、自分が名刺を作った具体的な方法を公開します。もちろん後で忘れないようにするためです。名刺を作るにあたって決
![オリジナル名刺100枚をデザインから納品まで約700円1週間以内で作る - karaage. [からあげ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/c88a17708bf544241a0942011059c212a35b74f2/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkaraage%2F20141220%2F20141220110005.jpg)
【驚愕】レースの模様作りの神に作成方法を聞いたら、驚きの手法だった | 面白ニュース！netgeek:
秀逸なレースをつくるのが得意なことで有名なとあるtwitter主が、模様の作成方法を暴露して話題になっている。なんと才能云々というよりも、やり方さえ知っていれば誰でもできる意外な方法だったのだ。 レースといえば、糸をより合わせて透かし模様にする技術のことで、カーテンや洋服に用いられている。繊細で細かな模様は、上品さと女性らしさを演出できるため、廃れ流行りが激しいファッション界においては珍しく長年人気が高いものである。 さて、このようなレースの柄はどのようにして作っているのだろうか。かなりのセンスが必要な気がするのだが、ツイートを見る限り、どうやらそうでもないようだ。 なんじゃこりゃあああああああ！！ 文字を90度や180度回転させて重ねていくことで柄が出来上がっている！！ しかも完成度もけっこう高くて立派なものができているのが驚きだ。 @tankope 小学生の頃スカートのﾌﾘﾌﾘ書けなく
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
れきちず
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
