スライド資料のデザインが劇的に良くなる！現場で学んだフォント・色の選び方｜fuyuna blog｜デザイン・ライフスタイル・キャリアについて書くデザイナーのブログ
「作りたい資料に適したフォントがわからない」 「どの色を選べばいいかわからない」 「スライド資料のデザインをもっと洗練させたい」 スライド資料をデザインするとき、こんな悩みを持つ方は多いのではないでしょうか？ スライド資料の印象は使用する「フォント」と「色」によって大きく変わり、うまく活用すれば見る人の心を動かし、行動を促す資料を作成できます。 そんな効果的な資料を作成するには、フォントと色の基本知識が必要不可欠です。それぞれについて学ぶことでデザインセンスが高まり、あなたのスライド資料に適した色とフォントを、効率よく選べるようになるでしょう。 ということで、この記事ではスライド資料のデザインに役立つ「フォント」と「色」の基本知識から、適切な種類を選ぶポイント、もっとデザインを学びたい方におすすめの書籍まで、フォントや色に関するノウハウをたっぷり紹介していきます！ デザインに苦手意識がある
建築好きなら死ぬまでに見ておきたい建築１００（日本国内編）
名称都道府県設計水の教会北海道安藤忠雄モエレ沼公園北海道イサムノグチ公立はこだて未来大学北海道山本理顕せんだいメディアテーク宮城県伊東豊雄ショウナイホテル スイデンテラス山形県坂茂会津さざえ堂 福島県-那珂川町 馬頭広重美術館栃木県隈研吾那須芦野・石の美術館 STONE PLAZA栃木県隈研吾幕張メッセ千葉県槇文彦東京スカイツリー東京都日建設計すみだ北斎美術館東京都妹島和世浅草文化観光センター東京都隈研吾江戸東京博物館東京都菊竹清訓国立西洋美術館東京都ル・コルビュジエ東京文化会館東京都前川國男法隆寺宝物館東京都谷口吉生日本銀行 本店東京都辰野金吾ミキモト 銀座2丁目店東京都伊東豊雄エルメス銀座店東京都レンゾ・ピアノニコラス・G・ハイエックセンター東京都坂茂安田講堂 (東京大学大講堂)東京都岸田日出刀日本テレビタワー東京都リチャード・ロジャース日生劇場東京都村野藤吾虎ノ門ヒルズ森タワー東京都
棒グラフのデザイン集 | おしゃれで伝わるグラフの作り方｜かわちゃん
棒グラフについて「書くときの注意点」「棒グラフの種類」「どういったデータが棒グラフに向いているか」「実際の棒グラフのデザイン」などを画像を使ってわかりやすくまとめました✨ さくっと書きたい人は「棒グラフの種類」から読むことをおすすめします。いろいろな棒グラフのデザインがあるので、気に入ったグラフをまねして使ってね。 しっかり考えて書きたい人は、「棒グラフを書くときの注意点」を読めば、伝わる棒グラフの作り方がわかるとおもいます💡 棒グラフを書くときの注意点・棒グラフは使いやすい無難なグラフ シンプルで正確なグラフだけを考えるなら、棒グラフは簡単なグラフです🥇 エクセルの初期設定でもフォントを変えれば無難な棒グラフは簡単に作成できます。 円グラフは真面目に作ってもわかりにくいグラフはできるが、棒グラフは意図的に見る人を欺こうとしない限りわかりにくいグラフにはなりにくいです。 ただし、完成し
円グラフのデザイン集 | おしゃれで伝わるグラフの作り方｜かわちゃん
円グラフについて「書くときの注意点」「円グラフの種類」「どういったデータが円グラフに向いているか」「実際の円グラフのデザイン」などを画像を使ってわかりやすくまとめました✨ note公式Twitterでも紹介された人気記事なので、よかったら見てね😊 さくっと書きたい人は「円グラフの種類」から読むことをおすすめします。いろいろな円グラフのデザインがあるので、気に入ったグラフを真似して使ってね。 しっかり考えて書きたい人は、「円グラフを書くときの注意点」を読めば、見やすい円グラフの作り方がわかるとおもいます。 円グラフを書くときの注意点・本当に円グラフでいいの？ 円グラフはわかりにくくなりやすいグラフです。 要素が3つ以上ある場合は、棒グラフを使ってみるのもおすすめです🙆 「円グラフは使うな」という方もいますが、私は使い方さえ間違えなければ円グラフも素晴らしい表現方法だと思うので、簡単にわか
個人的UIデザインの情報源まとめ
どうも。 最近エンジニアからデザイナーになったものです。 最近UIデザイナーになってUIデザインの情報源って意外とまとまってないなと思ったので、個人的によく参考にする情報源をまとめました。 ここに載ってないやつでおすすめの情報源あればコメントとかで教えてください。 OSガイドライン OSのデザインガイドラインはUIデザイナーだったら必ず読んでますよね。 Material Design デザインシステム的な話から装飾、カラーツールなどデザインに必要な話がとてもたくさん詰め込まれているためデザイン学習の教材として非常に優秀です。コンポーネントもユースケースやスペックまできちんと網羅されていて参考になるし、金と手間隙かかってるなあと思います。 Blogもあり、更新頻度は高くないですが面白い記事が多いのでたまに読んでいます。 Human Interface Guidelines こちらはApple
引きこもり中でもアートに触れよう！ミュシャ財団が「ミュシャの塗り絵」を無料公開「金とってもいいレベル」「みんなでこれやろう」
ライブドアニュース @livedoornews 【豪華】ミュシャ財団、「ミュシャの塗り絵」を無料公開 news.livedoor.com/lite/article_d… 線画のPDFファイルがウェブサイト上で公開されており、DLして自分の好きなように塗り絵できるようになっています。 ↓サイトURL↓ muchafoundation.org/gallery/colour… pic.twitter.com/62RdW9vTUS 2020-04-06 13:28:43 リンク www.muchafoundation.org Colour your own Mucha - Gallery - Mucha Foundation The official site of the Mucha Foundation. A comprehensive resource for information on
素敵な配色本を見つけた！イメージにぴったりな配色が必ず見つかる -配色デザインインスピレーションブック 2
「なんとなくこんな感じ」というイメージから、キーワード、写真、イラスト、デザイン作例、パターンなど、さまざまなアプローチから好みの配色を見つけることができる配色本を紹介します。 デザイナーやイラストレーターだけでなく、趣味でイラストや塗り絵をする人、また企画書やプレゼンなどの資料、ファッションやインテリアなどにも役立つ配色です。 本書は、昨日発売されたばかり！ 去年発売され、当ブログでも好評だった「配色デザインインスピレーションブック」の第2弾です（紹介記事）。第1弾は発売後、書店でもAmazonでも売り切れ状態がずっと続いていました。第2弾となる本書も充実した内容となっており、第1弾を持っている人はもちろん、持っていない人にもお勧めです。
【保存版】デザインを学ぶすべての人に贈る、配色アイデア見本101選
配色は、デザインにおける重要な要素のひとつです。この記事では、デザインプロジェクトの参考にしたい、最新の色の組み組み合わせ101種類をご紹介します。 配色は、どんなデザインでも見る人の認識を形成しながら、雰囲気やトーンを設定します。単色や明るい、涼しい、暖かい、または補色であれ、すべての色合いがデザインの役割を果たします。 デザインに適した色を見つける作業は難しいことです。そこで、配色の参考にしたい101種類の色の組み合わせをまとめています。各カラーパレットは、Shutterstockのイメージ画像にインスパイアされており、HEXコードも一緒に記載しているので、ウェブデザインやソーシャルメディア広告、Eメールデザインなど幅広く利用できます。 コンテンツ目次 1. 単色系カラーパレット 2. 寒色系カラーパレット 3. 鮮やかなカラーパレット 4. 暖色系カラーパレット 5. 補色系カラーパ
デザイン制作を助けてくれる国内外の素材サイトまとめ - NxWorld
見つけてはメモしていたものがかなり増えてきて自分用に整理したのでシェアします。 ベクター・ラスター・テクスチャ・パターン・アイコン・フォント・モックアップなど、デザイン制作をする際に便利な素材を配布しているサイトの一覧です。 中には条件付きで使用可能とか商用利用時は有償という素材が中心に配布されているところもありはしますが、紹介しているのは基本的にフリーで使用できるものが中心または多く配布されているサイトになります。 以下はいずれも五十音 → アルファベット → 数字の順で紹介しています。 また、下記目次に属する国内の素材サイトについては多くが「禁止事項を守れば個人・商用問わず利用可能で、クレジット表記や報告等も不要」になるので、基本的にそのようなライセンスに関する情報は別途記載しているもの以外は省略しています。 国内 - 全般・ベクター・ラスター 国内 - テクスチャ・パターン 国内 -
フォントオタクなデザイナーが本気で選んだ「美しいフォント」24選【フリー＆有償】
『Soldi』は、複数の企業と提携し情報を提供しており、当サイトを経由して商品への申込みがあった場合には、各企業から報酬を受け取ることがあります。ただし当サイト内のランキングや商品の評価に関して、提携の有無や支払いの有無が影響を及ぼすことはございません。また当サイトで得た収益は、サイトを訪れる皆様により役立つコンテンツを提供するために、情報の品質向上・ランキング精度の向上等に還元しております。 名古屋の事業会社でデザイナーをやっているAkitaと申します。 プロのデザイナーとして、デザインで気にしているところは沢山ありますが、中でも一番こだわっているのは「フォント」です。 「フォントの選び方でデザイナーの実力が分かる」というのは、私が最初にデザインを教わった先輩の言葉でした。 世の中にはどんどんクオリティが高く、美しいフォントが登場しています。 広告・パッケージではやはり有償フォントが目立
Webデザインのスタイルガイドの作り方
Webサイトの制作はどんどん複雑化しており、１人で行う仕事ではなくなってきています。サイト制作では、ビジネスの目的に合わせた一貫性のあるデザインによって、快適なユーザー体験を作り出すことが重要です。 Webサイトを分割してチームでデザインをするときにチームメンバーが共通認識を持つには、デザインドキュメントまたはWebデザインのスタイルガイドを作成することが有効です。これは、エンジニアがデザインを変更してしまうことを防ぐのにも役立ちます。 異なるページの間に一貫した体験を作り出すために、スタイルガイドを用意するのはとても有効です。また、今後の開発やサードパーティ製品が生まれた際も、ブランドのガイドラインに沿い、ブランドの一部として知覚されるようにやすくなるでしょう。 Luke Clum氏は、Webデザインの第一歩としてスタイルガイドを利用することについて、昨年簡単に紹介をしました。この記事で
CSSのコピペだけ！おしゃれな見出しのデザイン例まとめ68選
今回は見出し（h1〜h6タグ）のオシャレなデザインサンプルを68つ紹介します。CSSコードをコピペすればそのまま使うことができます。もちろん自分好みにカスタマイズして使って頂いても構いません。
300万PV超えの人気Webメディアはどのように作られているか
人気の秘密を探る この記事では人気のウェブメディアがどのような戦略・デザインでユーザーを集めているのかを分析します。対象は月間PV数が300万PV以上のメディア。それほどに読まれる仕掛けはどこにあるのでしょうか。
ファンタジー世界地図を簡単に作れる「Inkarnate Worlds」をゲーム制作に活用しよう | もぐらゲームス
現在ではゲーム制作ツールの発展もあり、フリーゲーム・インディーゲームなど多くの個人製作の作品が生まれている。そんな中、制作したゲームの演出に使うために「自分の思い描いたファンタジー世界の地図」を作りたいと思った人はいるのではないだろうか。 今回は、そんな自分だけの世界地図を簡単に作れる理想のオンラインサービス「inkarnate worlds」を紹介しよう。2017年1月29日時点での本ツールの機能や使用感、完成した地図を画像として書き出して使う方法までをまとめたので、参考にしてみてほしい。 現在ベータ版での公開となっているが、今後のアップデートも予定されているようだ。実際に使用したところ、制作した地図をjpg形式でダウンロードしてゲーム制作ツールで使用することも可能となっていたため、使い方によっては幅が広がりうるものとなっている。 「Inkarnate Worlds」の使い方とは まずは
初心者でもできる！写真をイラスト風に加工するチュートリアル集【Photoshop】 | 小樽総合デザイン事務局｜デザイン・ホームページ制作
Photoshopで画像をイラスト化するためのチュートリアル集。 アニメ背景風やマンガ背景風、水彩風、鉛筆画風、チョークアート風など、さまざまな加工方法をまとめました。 初心者～脱初心者レベルのものばかりなので、ぜひ挑戦してみてください。 基本的な加工 5分でできる！HDR処理で写真をイラスト風に加工する方法 難易度：☆ HDR（ハイダイナミックレンジ合成）を使用した方法。 使う機能が1種類のみと、非常にシンプルですが効果は大きいです。 フィルターギャラリーで加工する場合でも、事前にHDR加工をしておくだけで仕上がりが全然違います。 初心者はまずはここから始めてみるといいでしょう。 暗部を明るく、彩度を高くといったイラスト化の基本的なテクニックも、直感的に理解できます。 簡単！写真から線画を抽出するための5つの方法 難易度：☆ 写真から線画を抽出するシンプルな方法を5つ紹介しています。 簡
コピペで使えるオシャレな配色パターン見本 25 （全組み合わせWebカラーコード付） - LITERALLY
今回はひたすら配色パターンを紹介していく。探しやすいように色ごとに分け、使いやすいように解説とWebコードも合わせて紹介する。プレゼン資料、Webデザインなどで目的に合った配色をそのままコピペして使って頂ければと思う。 ▼ 目次 カラフルな配色パターン 橙系の配色パターン 青系の配色パターン 緑系の配色パターン 黄色系の配色パターン 赤系の配色パターン 高級感を表現する配色 わび・さびを表現する和風配色 シンプルに格好良いグレーの配色 カラフルな配色パターン 1. 淡い「カラフル」 ■ #FF7D7D ■ #FFD580 ■ #B3E2B4 ■ #ABE7FF ■ #B8B2EA ■ #DBDBDB 淡いカラフルな配色は、白の背景に合わせると「透明感」を出すのに効果的。カラフル系の配色は扱いづらいので、上のコードをそのままコピペして使って頂くのが良いかと思う。 2. 力強い「カラフル」 ■
【初心者向け】デッサンの描き方の基礎を徹底的に解説する【6枚】 - MIKINOTE
先日、絵の描き方に関しての記事を書いたせいか、このブログの読者さんや、Twitterのフォロワーさんで、「絵の練習をしている」とか「デッサン描いたら勉強になった！」と言う方が何人かいます。 僕も、デッサンは今までに何千枚と描いてきたし、そういう話題を見ると懐かしいなあと思ってしまいます。 で、そう言えば３年くらい前に、「ちょっと久しぶりに練習してみようかな？」と急に思い立って描いた簡単なモチーフを描いたデッサンの画像があるな〜ということを思い出しました。デッサンを描く過程の写真も撮ってあります。 ちょうど良いので、数年前に描いた６枚の鉛筆デッサンが描かれていく工程を参考にしつつ、初心者の方向けに、「デッサンの描き方の基礎」を、これだけわかっていれば大丈夫！と言うくらいに徹底的かつ詳細に解説していこうと思います。 ちなみにこの記事、とてつもなく長いです。なので、読みたい所だけ読むなり、ブック
パルミー、180本以上のイラスト講座動画が無料で観放題
「ガチっとスタートアップ」は、ガチ鈴木が日々の取材で見つけたスタートアップの中から、個人的にググッときたサービス、プロダクトを紹介するコーナーである。 180本以上のイラスト作成の講座動画が観放題のイラストレーターを目指す人のためのウェブサービスがPalmie（パルミー）だ。イラストマンガのナンバーワンオンラインスクールを目指すベンチャー企業のパルミーが制作、提供している。 イラスト、マンガ作成に必要な知識が、オンライン動画講座で学べてしまうサービス。無料動画には、“シワの塗り方”、“目の描き方”、“配色講座”などの基礎的なものから、部位の専門的な名称などを説明しながらの“着物の描き方”など専門的な講座も用意されている。学んだあとはイラスト投稿機能“イラレポ”に投稿して、フィードバックが受けられるほか、ただ単に動画を観ていくのではなく、体系的にイラストの描き方が学べる“Palmieカリキュ
プレゼンはこれでOK！プレゼン術・スライドデザイン・素材・ツールなど役立つサイト＆良記事まとめ - LIFE DESIGN
2016 - 06 - 25 プレゼンはこれでOK！プレゼン術・スライドデザイン・素材・ツールなど役立つサイト＆良記事まとめ Office PowerPoint Keynote 企画書 業務効率化 スライドデザイン プレゼン シェアする Twitter Google Pocket Line 伝わるプレゼン資料作成 成功の実践法則50 posted with ヨメレバ 木村 博史 ソーテック社 2016-06-18 Amazon Kindle 楽天ブックス 記事の目的 企画の提案や会議など、さまざまなシーンでプレゼンテーションが求められる時があります。プレゼンテーションといっても、スライド作成、素材の調達、プレゼン練習…と様々な要素が含まれています。 今回はプレゼンテーションの重要な要素、「スライドデザイン」「プレゼン術」「素材」「テンプレート」「小技 / アドイン / ツール」それぞれにつ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2016年版アラサー女の買って良かったモノを紹介！ - 節約時間セレブ