<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:webfeeds="http://webfeeds.org/rss/1.0" xmlns:note="https://note.com" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:media="http://search.yahoo.com/mrss/" version="2.0">
  <channel>
    <title>spicagraph</title>
    <description>大阪の株式会社キテレツで、デザイナーとイラストレーターをしています。
イラスト制作、デザイン制作お受けしています。
https://kiteretz.com/</description>
    <link>https://note.com/spicagraph</link>
    <atom:link rel="self" type="application/rss+xml" href="https://note.com/spicagraph/rss/"/>
    <copyright>spicagraph</copyright>
    <webfeeds:icon>https://d2l930y2yx77uc.cloudfront.net/assets/default/default_note_logo_202212-f2394a9e5b60c49f48650eee13f6e75987c8c4f1cfa7555629a9697dc6015cd9.png</webfeeds:icon>
    <webfeeds:logo>https://d2l930y2yx77uc.cloudfront.net/assets/default/default_note_logo_202212-f2394a9e5b60c49f48650eee13f6e75987c8c4f1cfa7555629a9697dc6015cd9.png</webfeeds:logo>
    <webfeeds:accentColor>249F80</webfeeds:accentColor>
    <webfeeds:related layout="card" target="browser"/>
    <webfeeds:analytics id="UA-48687000-1" engine="GoogleAnalytics"/>
    <language>ja</language>
    <lastBuildDate>Mon, 22 Jun 2026 03:26:52 +0900</lastBuildDate>
    <item>
      <title>【Illustrator】「文字のあしらい」フォローアップ #デザインクイズチャレンジ</title>
      <media:thumbnail>https://assets.st-note.com/production/uploads/images/284485168/rectangle_large_type_2_637ada57fb8d3c7f6fa733b39f3fc90c.png?width=800</media:thumbnail>
      <description><![CDATA[<p name="bb29238a-a875-43d8-a537-d8afad7eb1e3" id="bb29238a-a875-43d8-a537-d8afad7eb1e3">アドビさんのサイト内でシリーズが始まった「<a href="https://www.adobe.com/jp/creativecloud/roc/blog/design/quiz-challenge.html" target="_blank" rel="nofollow noopener">デザインクイズチャレンジ</a>」の書かせていただきました。<br>テーマは「文字のあしらい」についてです。</p><figure name="0f0eca5f-2c32-454f-8fb4-4c2bd8c5f1bc" id="0f0eca5f-2c32-454f-8fb4-4c2bd8c5f1bc" data-src="https://www.adobe.com/jp/creativecloud/roc/blog/design/quiz-challenge/type-play.html" data-identifier="null" embedded-service="external-article" embedded-content-key="embe889c630cbf3"> <a href="https://www.adobe.com/jp/creativecloud/roc/blog/design/quiz-challenge/type-play.html" rel="nofollow noopener" target="_blank"><strong>この文字のあしらい、どっちが正解？バナーの文字デザインのセンスを磨こう</strong><em>現場で使える「文字のあしらい」のテクニックを「2択クイズ」と「プロの解説」で学べる特集記事。</em><em>www.adobe.com</em></a><a href="https://www.adobe.com/jp/creativecloud/roc/blog/design/quiz-challenge/type-play.html" rel="nofollow noopener" target="_blank"></a> </figure><br/><a href='https://note.com/spicagraph/n/n6fbf1a690fd4'>続きをみる</a>]]></description>
      <note:creatorImage>https://assets.st-note.com/production/uploads/images/5457943/profile_ae20d4d0235950a75f521f8782837776.jpg?fit=bounds&amp;format=jpeg&amp;quality=85&amp;width=330</note:creatorImage>
      <note:creatorName>spicagraph</note:creatorName>
      <pubDate>Thu, 11 Jun 2026 17:18:44 +0900</pubDate>
      <link>https://note.com/spicagraph/n/n6fbf1a690fd4</link>
      <guid>https://note.com/spicagraph/n/n6fbf1a690fd4</guid>
    </item>
    <item>
      <title>デザインクイズチャレンジ「文字間と行間」フォローアップ #PR</title>
      <media:thumbnail>https://assets.st-note.com/production/uploads/images/250617232/rectangle_large_type_2_aadfcb11090073d4550f48aa1e742d2a.png?width=800</media:thumbnail>
      <description><![CDATA[<p name="4080158c-4d45-4d2f-8091-2d775374861e" id="4080158c-4d45-4d2f-8091-2d775374861e">2026年2月4日に開催された<a href="https://dtptransit.doorkeeper.jp/events/194043" target="_blank" rel="nofollow noopener">#デザインクイズチャレンジ LIVE</a> で「文字間と行間」のお話をさせていただきました。<br>アドビさんのサイトで公開されている<a href="https://www.adobe.com/jp/creativecloud/roc/blog/design/quiz-challenge.html" target="_blank" rel="nofollow noopener">デザインクイズチャレンジ</a>から生まれたオンラインセミナーで、8時間という長丁場のイベントでした。</p><p name="e2893dbc-7ab5-4038-a08c-b43128f74619" id="e2893dbc-7ab5-4038-a08c-b43128f74619">わたしは、こちらの内容をベースにお話ししました。</p><br/><a href='https://note.com/spicagraph/n/nca8607ccf540'>続きをみる</a>]]></description>
      <note:creatorImage>https://assets.st-note.com/production/uploads/images/5457943/profile_ae20d4d0235950a75f521f8782837776.jpg?fit=bounds&amp;format=jpeg&amp;quality=85&amp;width=330</note:creatorImage>
      <note:creatorName>spicagraph</note:creatorName>
      <pubDate>Tue, 10 Feb 2026 15:39:17 +0900</pubDate>
      <link>https://note.com/spicagraph/n/nca8607ccf540</link>
      <guid>https://note.com/spicagraph/n/nca8607ccf540</guid>
    </item>
    <item>
      <title>デザイナーは生成AIとどう付き合えばいい？わたしなりの考えとリアルな活用例</title>
      <media:thumbnail>https://assets.st-note.com/production/uploads/images/238713302/rectangle_large_type_2_46e4ca5957a82ae80de0f4e4e9cdabae.png?width=800</media:thumbnail>
      <description><![CDATA[<p name="2f24c76d-088b-4337-a976-e854d9da70e3" id="2f24c76d-088b-4337-a976-e854d9da70e3">デザイナーのみなさん、AIを活用していますか？<br>わたしは調べ物や悩み事の相談など、ひとには話しにくいことをAIに助けてもらうことも多くなりました。</p><p name="6705b828-3dbe-43e4-81ac-3154c5cce9f2" id="6705b828-3dbe-43e4-81ac-3154c5cce9f2">でも、仕事に取り入れるとなると「どうやって活用しよう」「AIにどこまで任せていいの？」など、まだ手探りという方も多いのではないでしょうか。<br>また、心のどこかで「AIに仕事が奪われるかも」という不安を感じているひともいるかもしれません。</p><br/><a href='https://note.com/spicagraph/n/nff6b66491219'>続きをみる</a>]]></description>
      <note:creatorImage>https://assets.st-note.com/production/uploads/images/5457943/profile_ae20d4d0235950a75f521f8782837776.jpg?fit=bounds&amp;format=jpeg&amp;quality=85&amp;width=330</note:creatorImage>
      <note:creatorName>spicagraph</note:creatorName>
      <pubDate>Thu, 25 Dec 2025 11:46:33 +0900</pubDate>
      <link>https://note.com/spicagraph/n/nff6b66491219</link>
      <guid>https://note.com/spicagraph/n/nff6b66491219</guid>
    </item>
    <item>
      <title>【Illustrator】「書き出し」フォローアップ #デザインクイズチャレンジ</title>
      <media:thumbnail>https://assets.st-note.com/production/uploads/images/235085182/rectangle_large_type_2_6a05cbdaf07413c5a38bec68ab985531.png?width=800</media:thumbnail>
      <description><![CDATA[<p name="92737f21-6ceb-404a-b778-f8ebede25182" id="92737f21-6ceb-404a-b778-f8ebede25182">アドビさんのサイト内でシリーズが始まった「<a href="https://www.adobe.com/jp/creativecloud/roc/blog/design/quiz-challenge.html" target="_blank" rel="nofollow noopener">デザインクイズチャレンジ</a>」の第三弾記事を書かせていただきました。<br>テーマは「Illustratorからの書き出し」についてです。</p><figure name="8a93cbed-322c-436d-a0da-033367070f75" id="8a93cbed-322c-436d-a0da-033367070f75" data-src="https://www.adobe.com/jp/creativecloud/roc/blog/design/quiz-challenge/image-export-settings.html" data-identifier="null" embedded-service="external-article" embedded-content-key="emb69714c48c0d1"> <a href="https://www.adobe.com/jp/creativecloud/roc/blog/design/quiz-challenge/image-export-settings.html" rel="nofollow noopener" target="_blank"><strong>この書き出し、どれが正解？画像の特徴に合わせた書き出しを学ぼう</strong><em>現場で使える「画像の書き出し設定」のテクニックを「2択クイズ」と「プロの解説」で学べる特集記事。</em><em>www.adobe.com</em></a><a href="https://www.adobe.com/jp/creativecloud/roc/blog/design/quiz-challenge/image-export-settings.html" rel="nofollow noopener" target="_blank"></a> </figure><br/><a href='https://note.com/spicagraph/n/n5636c04ca17d'>続きをみる</a>]]></description>
      <note:creatorImage>https://assets.st-note.com/production/uploads/images/5457943/profile_ae20d4d0235950a75f521f8782837776.jpg?fit=bounds&amp;format=jpeg&amp;quality=85&amp;width=330</note:creatorImage>
      <note:creatorName>spicagraph</note:creatorName>
      <pubDate>Tue, 09 Dec 2025 11:57:15 +0900</pubDate>
      <link>https://note.com/spicagraph/n/n5636c04ca17d</link>
      <guid>https://note.com/spicagraph/n/n5636c04ca17d</guid>
    </item>
    <item>
      <title>【Illustrator】文字間と行間記事フォローアップ  #デザインクイズチャレンジ #PR</title>
      <media:thumbnail>https://assets.st-note.com/production/uploads/images/233962962/rectangle_large_type_2_9db2d4d30a65bdb40b2f3a7336b1acde.png?width=800</media:thumbnail>
      <description><![CDATA[<p name="921f8a64-28af-4bf3-9272-e902eb4acb87" id="921f8a64-28af-4bf3-9272-e902eb4acb87">アドビさんのサイト内でシリーズが始まった「<a href="https://www.adobe.com/jp/creativecloud/roc/blog/design/quiz-challenge.html" target="_blank" rel="nofollow noopener">デザインクイズチャレンジ</a>」の第三弾記事を書かせていただきました。<br>テーマは「文字間」と「行間」についてです。</p><figure name="5a8f864f-002f-4722-8674-a44a42983a0c" id="5a8f864f-002f-4722-8674-a44a42983a0c" data-src="https://www.adobe.com/jp/creativecloud/roc/blog/design/quiz-challenge/letter-spacing.html" data-identifier="null" embedded-service="external-article" embedded-content-key="embf78c5f528460"> <a href="https://www.adobe.com/jp/creativecloud/roc/blog/design/quiz-challenge/letter-spacing.html" rel="nofollow noopener" target="_blank"><strong>この文字間や行間、どっちが正解？文字の余白のセンスを磨いておこう</strong><em>現場で使える「文字間・行間」のテクニックを「2択クイズ」と「プロの解説」で学べる特集記事。</em><em>www.adobe.com</em></a><a href="https://www.adobe.com/jp/creativecloud/roc/blog/design/quiz-challenge/letter-spacing.html" rel="nofollow noopener" target="_blank"></a> </figure><br/><a href='https://note.com/spicagraph/n/n96169afc8b12'>続きをみる</a>]]></description>
      <note:creatorImage>https://assets.st-note.com/production/uploads/images/5457943/profile_ae20d4d0235950a75f521f8782837776.jpg?fit=bounds&amp;format=jpeg&amp;quality=85&amp;width=330</note:creatorImage>
      <note:creatorName>spicagraph</note:creatorName>
      <pubDate>Thu, 04 Dec 2025 16:49:03 +0900</pubDate>
      <link>https://note.com/spicagraph/n/n96169afc8b12</link>
      <guid>https://note.com/spicagraph/n/n96169afc8b12</guid>
    </item>
    <item>
      <title>43歳で目の下のクマ改善の手術を受けた話【美容整形】</title>
      <media:thumbnail>https://assets.st-note.com/production/uploads/images/222389833/rectangle_large_type_2_cba5dd87d6a9f7289c28388a82102bfd.png?width=800</media:thumbnail>
      <description><![CDATA[<p name="206368b4-17b4-4abd-941f-0f929c185e8d" id="206368b4-17b4-4abd-941f-0f929c185e8d">今回はちょっとパーソナルなお話ですが、2024年に目の下のクマを改善する「表ハムラ」の手術を受けた話を漫画にしました。<br>クマは取った方がいいとか、最初の病院はダメだとか、そういう話ではないです。クマのお悩みがある方に、ひとつの体験談として読んでもらえるとうれしいです。</p><figure name="c3b692be-ebbf-4e87-b5a0-8dffee052f09" id="c3b692be-ebbf-4e87-b5a0-8dffee052f09"><img src="https://assets.st-note.com/img/1760494218-cBD6jiF30Kbwd19k2Ioav5VY.png" alt="" width="620" height="877"><figcaption></figcaption></figure><br/><a href='https://note.com/spicagraph/n/n00460a60d06f'>続きをみる</a>]]></description>
      <note:creatorImage>https://assets.st-note.com/production/uploads/images/5457943/profile_ae20d4d0235950a75f521f8782837776.jpg?fit=bounds&amp;format=jpeg&amp;quality=85&amp;width=330</note:creatorImage>
      <note:creatorName>spicagraph</note:creatorName>
      <pubDate>Wed, 15 Oct 2025 11:14:38 +0900</pubDate>
      <link>https://note.com/spicagraph/n/n00460a60d06f</link>
      <guid>https://note.com/spicagraph/n/n00460a60d06f</guid>
    </item>
    <item>
      <title>ストックフォト探しも事前準備が大事</title>
      <media:thumbnail>https://assets.st-note.com/production/uploads/images/208424059/rectangle_large_type_2_0bd92309a8d513059d13a50bc53f0021.png?width=800</media:thumbnail>
      <description><![CDATA[<p name="45da33b5-8aa5-434d-be9a-33b30fd52981" id="45da33b5-8aa5-434d-be9a-33b30fd52981">「デザインにロイヤリティフリーのストックフォトを使用する場合、どう選んでいますか」という質問をもらったので、そのことを書いてみようと思います。</p><p name="6834cffc-2cbf-43c8-9df8-ff8d0320b8f0" id="6834cffc-2cbf-43c8-9df8-ff8d0320b8f0"><a href="https://stock.adobe.com/jp/" target="_blank" rel="nofollow noopener">Adobe Stock</a> や <a href="https://pixta.jp/" target="_blank" rel="nofollow noopener">PIXTA</a> などのストックフォトサービスにはたくさんの写真が登録されており、キーワード検索などで目的の写真を探します。もし、明確なイメージを持たないまま探し出してしまうと<br><strong>・検索キーワードをうまく絞りきれない<br>・選ぶのに時間がかかりすぎる<br>・出てきた写真ありきで考えてしまうのでコンセプトがぶれる</strong><br>などよくない結果になりがちです。</p><br/><a href='https://note.com/spicagraph/n/n8cf208aa9037'>続きをみる</a>]]></description>
      <note:creatorImage>https://assets.st-note.com/production/uploads/images/5457943/profile_ae20d4d0235950a75f521f8782837776.jpg?fit=bounds&amp;format=jpeg&amp;quality=85&amp;width=330</note:creatorImage>
      <note:creatorName>spicagraph</note:creatorName>
      <pubDate>Thu, 14 Aug 2025 14:25:12 +0900</pubDate>
      <link>https://note.com/spicagraph/n/n8cf208aa9037</link>
      <guid>https://note.com/spicagraph/n/n8cf208aa9037</guid>
    </item>
    <item>
      <title>「デザインのあしらい」で初心者が失敗しがちな3つのポイント</title>
      <media:thumbnail>https://assets.st-note.com/production/uploads/images/199905124/rectangle_large_type_2_0cba932195e651e1bb3cf279dd5d5431.png?width=800</media:thumbnail>
      <description><![CDATA[<p name="aff9a967-24f1-4018-97b1-ab613a5f7044" id="aff9a967-24f1-4018-97b1-ab613a5f7044">デザイン作成で「ここちょっとさみしいね、あしらい入れて」という機会はよくあります。この「あしらい」、思い返せばデザイナー初心者のうちはむずかしいものでした。</p><h2 name="dc01b46e-9c9f-4c1b-8ac7-6b531d72b643" id="dc01b46e-9c9f-4c1b-8ac7-6b531d72b643">あしらいは「空間を埋める」ことではない</h2><br/><a href='https://note.com/spicagraph/n/n290352b1be3f'>続きをみる</a>]]></description>
      <note:creatorImage>https://assets.st-note.com/production/uploads/images/5457943/profile_ae20d4d0235950a75f521f8782837776.jpg?fit=bounds&amp;format=jpeg&amp;quality=85&amp;width=330</note:creatorImage>
      <note:creatorName>spicagraph</note:creatorName>
      <pubDate>Thu, 03 Jul 2025 18:35:07 +0900</pubDate>
      <link>https://note.com/spicagraph/n/n290352b1be3f</link>
      <guid>https://note.com/spicagraph/n/n290352b1be3f</guid>
    </item>
    <item>
      <title>ベクターイラストを生成できるIllustratorの「生成塗りつぶし（シェイプ）」がすごい</title>
      <media:thumbnail>https://assets.st-note.com/production/uploads/images/186129810/rectangle_large_type_2_db68f3c039808fe58b021b7d11ec9d91.png?width=800</media:thumbnail>
      <description><![CDATA[<table-of-contents name="0ef389e8-8d4e-495c-865b-e8f0c6caf1de" id="0ef389e8-8d4e-495c-865b-e8f0c6caf1de"><br></table-of-contents><p name="7978f875-f41e-487c-b53e-527521bb32f8" id="7978f875-f41e-487c-b53e-527521bb32f8">Illustrator でこれまで Beta 版だった生成 AI 機能が、4/24リリースの新しいバージョンで正式な機能となりました。<br>生成 AI 機能は3つ、いずれもベクター形式でイラストやパターンを生成してくれます。</p><br/><a href='https://note.com/spicagraph/n/ndfb30da8e5ed'>続きをみる</a>]]></description>
      <note:creatorImage>https://assets.st-note.com/production/uploads/images/5457943/profile_ae20d4d0235950a75f521f8782837776.jpg?fit=bounds&amp;format=jpeg&amp;quality=85&amp;width=330</note:creatorImage>
      <note:creatorName>spicagraph</note:creatorName>
      <pubDate>Thu, 24 Apr 2025 21:17:07 +0900</pubDate>
      <link>https://note.com/spicagraph/n/ndfb30da8e5ed</link>
      <guid>https://note.com/spicagraph/n/ndfb30da8e5ed</guid>
    </item>
    <item>
      <title>バナー制作で考えたい写真の使い方</title>
      <media:thumbnail>https://assets.st-note.com/production/uploads/images/167821416/rectangle_large_type_2_c6a1c70a559521ffba8106a6f5b0d05b.png?width=800</media:thumbnail>
      <description><![CDATA[<p name="c2e28e02-f08c-4031-99ab-78b289fc4ae4" id="c2e28e02-f08c-4031-99ab-78b289fc4ae4">バナー制作では写真やイラストなどを使用する機会が多くあります。バナーは小さなサイズにビジュアルやテキストやボタンなどを、たくさんの要素が必要でレイアウトがとてもむずかしいものです。<br>そんな中で、今回は<strong>「写真の使い方」</strong>について解説していきます。</p><h2 name="035ec70c-f5b9-46ac-8006-cac43b4a9746" id="035ec70c-f5b9-46ac-8006-cac43b4a9746">そもそも写真ってどうやって選ぶ？</h2><br/><a href='https://note.com/spicagraph/n/n02b8147455ee'>続きをみる</a>]]></description>
      <note:creatorImage>https://assets.st-note.com/production/uploads/images/5457943/profile_ae20d4d0235950a75f521f8782837776.jpg?fit=bounds&amp;format=jpeg&amp;quality=85&amp;width=330</note:creatorImage>
      <note:creatorName>spicagraph</note:creatorName>
      <pubDate>Mon, 30 Dec 2024 14:58:30 +0900</pubDate>
      <link>https://note.com/spicagraph/n/n02b8147455ee</link>
      <guid>https://note.com/spicagraph/n/n02b8147455ee</guid>
    </item>
    <item>
      <title>袋文字のデザインを考える</title>
      <media:thumbnail>https://assets.st-note.com/production/uploads/images/167217989/rectangle_large_type_2_16cda2e88647d12ce73a0a3335abf7d8.png?width=800</media:thumbnail>
      <description><![CDATA[<p name="2a18a558-2e13-4a50-9561-3b11242d9c26" id="2a18a558-2e13-4a50-9561-3b11242d9c26">デザインでよく見る文字のあしらい「袋文字」。特に目立たせる、印象を強くしたいときに使われますが、実は使い方によっては逆効果になってしまうこともある、ちょっと使い方にコツがいるデザインです。</p><h2 name="755a75f3-b663-4fdd-bd54-6fe188656ed3" id="755a75f3-b663-4fdd-bd54-6fe188656ed3">袋文字は基本可読性を落とす</h2><br/><a href='https://note.com/spicagraph/n/nb08e36bcbc61'>続きをみる</a>]]></description>
      <note:creatorImage>https://assets.st-note.com/production/uploads/images/5457943/profile_ae20d4d0235950a75f521f8782837776.jpg?fit=bounds&amp;format=jpeg&amp;quality=85&amp;width=330</note:creatorImage>
      <note:creatorName>spicagraph</note:creatorName>
      <pubDate>Wed, 25 Dec 2024 16:49:56 +0900</pubDate>
      <link>https://note.com/spicagraph/n/nb08e36bcbc61</link>
      <guid>https://note.com/spicagraph/n/nb08e36bcbc61</guid>
    </item>
    <item>
      <title>2024年キテレツでやってみたゲーム</title>
      <media:thumbnail>https://assets.st-note.com/production/uploads/images/165056738/rectangle_large_type_2_5631610adba96be6435c05288b476d55.png?width=800</media:thumbnail>
      <description><![CDATA[<p name="de8a8a9c-5182-4c83-a265-0463ab6d288b" id="de8a8a9c-5182-4c83-a265-0463ab6d288b">株式会社キテレツ国内メンバーは8人で、うち２人はリモートで仕事をしています。今年は2回集まる機会があり、いくつかゲームをやったので、それを紹介します。</p><p name="f31be814-8ba4-482f-bc37-a540a403ef6a" id="f31be814-8ba4-482f-bc37-a540a403ef6a">1️⃣ ウミガメのスープ<br>2️⃣ 人狼ゲーム<br>3️⃣ 脱出ゲーム<br>4️⃣ ito<br>5️⃣ デスゲームデステスト</p><br/><a href='https://note.com/spicagraph/n/n26478d6b3dd0'>続きをみる</a>]]></description>
      <note:creatorImage>https://assets.st-note.com/production/uploads/images/5457943/profile_ae20d4d0235950a75f521f8782837776.jpg?fit=bounds&amp;format=jpeg&amp;quality=85&amp;width=330</note:creatorImage>
      <note:creatorName>spicagraph</note:creatorName>
      <pubDate>Mon, 09 Dec 2024 14:13:39 +0900</pubDate>
      <link>https://note.com/spicagraph/n/n26478d6b3dd0</link>
      <guid>https://note.com/spicagraph/n/n26478d6b3dd0</guid>
    </item>
    <item>
      <title>デザイナーにとって「発信すること」</title>
      <media:thumbnail>https://assets.st-note.com/production/uploads/images/163988295/rectangle_large_type_2_bcaf387ca36e9cd1ee7aefab79b8f3ff.png?width=800</media:thumbnail>
      <description><![CDATA[<p name="a784ad27-1dff-41bf-8139-7d01653c145d" id="a784ad27-1dff-41bf-8139-7d01653c145d">この記事は<a href="https://adventar.org/calendars/10874" target="_blank" rel="nofollow noopener">AdventarのRaiseTech界隈</a>1日目の記事です。<br><a href="https://raise-tech.net/" target="_blank" rel="nofollow noopener">RaiseTech</a>はオンラインエンジニアリングスクールで、わたしはデザインコースで講師をしています。<br>スクールではデザイナーを目指して学習している受講生さんがたくさんいますので、そんな方に向けて「デザイナー」がブログやnoteで「発信すること」のメリットについて書きたいと思います。<br>わたしも長らくSNSの方での発信に偏っていましたが、noteを再開してブログやnoteで発信することのメリットを改めて感じています。</p><h2 name="64004013-11cd-4458-8789-47b76ed0f431" id="64004013-11cd-4458-8789-47b76ed0f431">デザイナーとして発信することのメリット</h2><br/><a href='https://note.com/spicagraph/n/n1d0143c18523'>続きをみる</a>]]></description>
      <note:creatorImage>https://assets.st-note.com/production/uploads/images/5457943/profile_ae20d4d0235950a75f521f8782837776.jpg?fit=bounds&amp;format=jpeg&amp;quality=85&amp;width=330</note:creatorImage>
      <note:creatorName>spicagraph</note:creatorName>
      <pubDate>Sun, 01 Dec 2024 17:55:18 +0900</pubDate>
      <link>https://note.com/spicagraph/n/n1d0143c18523</link>
      <guid>https://note.com/spicagraph/n/n1d0143c18523</guid>
    </item>
    <item>
      <title>ウェブデザイナーが理解しておきたい「2つの解像度」（後編）</title>
      <media:thumbnail>https://assets.st-note.com/production/uploads/images/163216465/rectangle_large_type_2_026f20b52445b3f37ad8f9e94ab8d601.png?width=800</media:thumbnail>
      <description><![CDATA[<p name="1a48ecda-83e6-40e8-9ec8-081d244d1d91" id="1a48ecda-83e6-40e8-9ec8-081d244d1d91">さて、前回は「ピクセルがいくつあるのか」という「画像解像度」についてお話ししました。未読の方はぜひ先に<a href="https://note.com/spicagraph/n/n37b58dfc0ce0" target="_blank" rel="nofollow noopener">ウェブデザイナーが理解しておきたい「2つの解像度」（前編）</a>をご覧ください。<br>今回は「あなたの見ているモニタはどれくらいの密度？」という「モニタの解像度」についてお話ししていきます。</p><h2 style="text-align: start" name="44f95a28-ff95-4ca4-b7e2-2a38c1f63e2b" id="44f95a28-ff95-4ca4-b7e2-2a38c1f63e2b">ウェブデザイナーが理解すべき「2つ目の解像度」とは…</h2><br/><a href='https://note.com/spicagraph/n/n309428a25e7b'>続きをみる</a>]]></description>
      <note:creatorImage>https://assets.st-note.com/production/uploads/images/5457943/profile_ae20d4d0235950a75f521f8782837776.jpg?fit=bounds&amp;format=jpeg&amp;quality=85&amp;width=330</note:creatorImage>
      <note:creatorName>spicagraph</note:creatorName>
      <pubDate>Mon, 25 Nov 2024 19:15:10 +0900</pubDate>
      <link>https://note.com/spicagraph/n/n309428a25e7b</link>
      <guid>https://note.com/spicagraph/n/n309428a25e7b</guid>
    </item>
    <item>
      <title>ウェブデザイナーが理解しておきたい「2つの解像度」（前編）</title>
      <media:thumbnail>https://assets.st-note.com/production/uploads/images/162330203/rectangle_large_type_2_2b98a827e83e222cf43870fef9bceffa.png?width=800</media:thumbnail>
      <description><![CDATA[<p name="e0e6944b-b95d-4195-923e-5628495ee602" id="e0e6944b-b95d-4195-923e-5628495ee602">デザイン制作の中で「解像度」ということばを耳にすることがあると思います。よくわからない…なんとなく理解はしてるけど説明はできない…という方のために、ウェブデザイナーが理解しておきたい「2つの解像度」のうち、「ピクセルがいくつあるのか」という「画像解像度」についてご説明します。</p><h2 name="cccb378e-eec4-4697-9661-e1bb7df05a10" id="cccb378e-eec4-4697-9661-e1bb7df05a10">ベクターとラスター</h2><br/><a href='https://note.com/spicagraph/n/n37b58dfc0ce0'>続きをみる</a>]]></description>
      <note:creatorImage>https://assets.st-note.com/production/uploads/images/5457943/profile_ae20d4d0235950a75f521f8782837776.jpg?fit=bounds&amp;format=jpeg&amp;quality=85&amp;width=330</note:creatorImage>
      <note:creatorName>spicagraph</note:creatorName>
      <pubDate>Mon, 18 Nov 2024 17:06:07 +0900</pubDate>
      <link>https://note.com/spicagraph/n/n37b58dfc0ce0</link>
      <guid>https://note.com/spicagraph/n/n37b58dfc0ce0</guid>
    </item>
    <item>
      <title>コントラストやメリハリは薄目で確認しよう</title>
      <media:thumbnail>https://assets.st-note.com/production/uploads/images/161043719/rectangle_large_type_2_9fe6ad551a8c55e162bb400c8a6f4cf8.png?width=800</media:thumbnail>
      <description><![CDATA[<p name="0ec4588a-f823-4de9-b4b4-2a019c71fd63" id="0ec4588a-f823-4de9-b4b4-2a019c71fd63">デザインを作成するとき、じぶんでは気が付かず人から指摘されることが多い、「コントラスト」「メリハリ」を、簡単に確認する方法をご紹介します。</p><h2 name="f328eab3-7cb7-4089-bf72-1768e95018fb" id="f328eab3-7cb7-4089-bf72-1768e95018fb">コントラストを確認する</h2><br/><a href='https://note.com/spicagraph/n/n4eb94e55c2e7'>続きをみる</a>]]></description>
      <note:creatorImage>https://assets.st-note.com/production/uploads/images/5457943/profile_ae20d4d0235950a75f521f8782837776.jpg?fit=bounds&amp;format=jpeg&amp;quality=85&amp;width=330</note:creatorImage>
      <note:creatorName>spicagraph</note:creatorName>
      <pubDate>Fri, 08 Nov 2024 13:45:42 +0900</pubDate>
      <link>https://note.com/spicagraph/n/n4eb94e55c2e7</link>
      <guid>https://note.com/spicagraph/n/n4eb94e55c2e7</guid>
    </item>
    <item>
      <title>デザインが「良くない」と何が起こるのか</title>
      <media:thumbnail>https://assets.st-note.com/production/uploads/images/160157264/rectangle_large_type_2_919e6a8bc070422efa7672da3c760513.png?width=800</media:thumbnail>
      <description><![CDATA[<p name="3256fff9-b7a7-4116-bf6a-72fc5680a408" id="3256fff9-b7a7-4116-bf6a-72fc5680a408">どんなものでも「良い」に越したことはありません。それはわかるんだけど、じゃあ「良くない」と何が起こるの？<br>デザインが「良く」なるとどんな効果が得られるかはよく語られますが、デザインが「良くない」ときになにが起こるのかについて考えてみたいと思います。</p><p name="cef04310-4189-4b8b-bacb-71e2286c2a03" id="cef04310-4189-4b8b-bacb-71e2286c2a03">今回のデザインが「良くない」は、<br>・文字が読みにくい<br>・構成がわかりづらい<br>・色の使い方が無計画<br>といったことを指す、という前提で進めます。</p><br/><a href='https://note.com/spicagraph/n/n22eb8b885dc5'>続きをみる</a>]]></description>
      <note:creatorImage>https://assets.st-note.com/production/uploads/images/5457943/profile_ae20d4d0235950a75f521f8782837776.jpg?fit=bounds&amp;format=jpeg&amp;quality=85&amp;width=330</note:creatorImage>
      <note:creatorName>spicagraph</note:creatorName>
      <pubDate>Fri, 01 Nov 2024 17:06:01 +0900</pubDate>
      <link>https://note.com/spicagraph/n/n22eb8b885dc5</link>
      <guid>https://note.com/spicagraph/n/n22eb8b885dc5</guid>
    </item>
    <item>
      <title>バナーデザイン練習10本ノックに取り組んでみた【抹茶ラテ編】</title>
      <media:thumbnail>https://assets.st-note.com/production/uploads/images/158150290/rectangle_large_type_2_e7c7226a06d15854a02f9fa1206b9421.png?width=800</media:thumbnail>
      <description><![CDATA[<p name="9d86a411-7e03-41c8-aa4b-d7b4f5a52c87" id="9d86a411-7e03-41c8-aa4b-d7b4f5a52c87"><a href="https://www.webcreatorbox.com/" target="_blank" rel="nofollow noopener">Webクリエイターボックス</a>さんの「<a href="https://www.webcreatorbox.com/inspiration/banner-design-10" target="_blank" rel="nofollow noopener">バナーデザイン練習10本ノック</a>」から、3番の抹茶ラテのお題に取り組みました。<br>デザインする時、どのような手順で考えていくのかを解説してみたいと思います。<br>使用したツールはふたつです。<br>・Adobe Illustrator（抹茶ラテの文字の作成）<br>・Adobe Photoshop（全体のレイアウト、写真補正、合成）</p><figure name="40bfa84c-6a35-427f-b6bc-c642cd1ecb47" id="40bfa84c-6a35-427f-b6bc-c642cd1ecb47"><img src="https://assets.st-note.com/img/1728983657-Yxrh7C3EJfMqQadLmeNkjAT9.png" alt="" width="600" height="500" style="width: 360px; height: 300px;"><figcaption></figcaption></figure><br/><a href='https://note.com/spicagraph/n/ne722cd249bf2'>続きをみる</a>]]></description>
      <note:creatorImage>https://assets.st-note.com/production/uploads/images/5457943/profile_ae20d4d0235950a75f521f8782837776.jpg?fit=bounds&amp;format=jpeg&amp;quality=85&amp;width=330</note:creatorImage>
      <note:creatorName>spicagraph</note:creatorName>
      <pubDate>Wed, 16 Oct 2024 14:50:28 +0900</pubDate>
      <link>https://note.com/spicagraph/n/ne722cd249bf2</link>
      <guid>https://note.com/spicagraph/n/ne722cd249bf2</guid>
    </item>
    <item>
      <title>デザイナーじゃなくても！見やすいスライド資料のための5つのコツ【Before／Afterあり】</title>
      <media:thumbnail>https://assets.st-note.com/production/uploads/images/115561981/rectangle_large_type_2_47a609a24356615fe8380396e2d71f4f.png?width=800</media:thumbnail>
      <description><![CDATA[<h2 name="8307d0f4-4a7a-4db5-aebf-ded92f37ee81" id="8307d0f4-4a7a-4db5-aebf-ded92f37ee81">見やすいスライド資料は事前準備と5つのコツさえ押さえればOK</h2><p name="1658db3c-dc30-437d-8667-e766ac76f5aa" id="1658db3c-dc30-437d-8667-e766ac76f5aa">クライアントさんに向けてのプレゼンテーションや、社内共有向けの資料、セミナーでの登壇資料などで用いられる「スライド資料」。いざ作ってみると、「なんだか読みにくいな」「色やレイアウトがまとまらない」と感じ、苦手意識を持っている方は多いかもしれません。<br>でも、デザイナーじゃなくても！デザインツールを使わなくても！<strong>いくつかのコツを押さえるだけで見やすいスライド資料は作れます。</strong><br>この記事では、見やすいスライド資料をデザインするコツを5つの章に分けてご紹介していきます。<br>「レイアウト」「カラー」など、気になるところから読んでみていただいても大丈夫です。</p><br/><a href='https://note.com/spicagraph/n/naf0de6e85929'>続きをみる</a>]]></description>
      <note:creatorImage>https://assets.st-note.com/production/uploads/images/5457943/profile_ae20d4d0235950a75f521f8782837776.jpg?fit=bounds&amp;format=jpeg&amp;quality=85&amp;width=330</note:creatorImage>
      <note:creatorName>spicagraph</note:creatorName>
      <pubDate>Thu, 07 Sep 2023 15:56:07 +0900</pubDate>
      <link>https://note.com/spicagraph/n/naf0de6e85929</link>
      <guid>https://note.com/spicagraph/n/naf0de6e85929</guid>
    </item>
    <item>
      <title>学生やビジネスマン-みんなのフォトギャラリー</title>
      <description><![CDATA[<figure name="b7f5583c-b8e9-4a2e-a0c4-992fb7ebd889" id="b7f5583c-b8e9-4a2e-a0c4-992fb7ebd889"> <img src="https://assets.st-note.com/production/uploads/images/21337899/bb8ff40bf242b1e06fcc63702bf231f7.png" width="1281" height="671"> <figcaption></figcaption> </figure><figure name="5142cd89-0178-4009-80fd-be3e24147a2b" id="5142cd89-0178-4009-80fd-be3e24147a2b"> <img src="https://assets.st-note.com/production/uploads/images/21341328/74661781e3ad8fa76d5cd7786bd89651.png" width="1281" height="671"> <figcaption></figcaption> </figure><br/><a href='https://note.com/spicagraph/n/na6500f3c8064'>続きをみる</a>]]></description>
      <note:creatorImage>https://assets.st-note.com/production/uploads/images/5457943/profile_ae20d4d0235950a75f521f8782837776.jpg?fit=bounds&amp;format=jpeg&amp;quality=85&amp;width=330</note:creatorImage>
      <note:creatorName>spicagraph</note:creatorName>
      <pubDate>Sat, 21 Mar 2020 22:45:25 +0900</pubDate>
      <link>https://note.com/spicagraph/n/na6500f3c8064</link>
      <guid>https://note.com/spicagraph/n/na6500f3c8064</guid>
    </item>
    <item>
      <title>おしゃれな女性-みんなのフォトギャラリー</title>
      <description><![CDATA[<figure name="ab1e5b17-7807-4931-b9fe-74faa0acd9cb" id="ab1e5b17-7807-4931-b9fe-74faa0acd9cb"> <img src="https://assets.st-note.com/production/uploads/images/20568582/efe42b868d728daf2edf0ee059396078.png" width="1280" height="670"> <figcaption>おしゃれな女性1</figcaption> </figure><figure name="ea1de5ce-7b98-46f6-aa2a-94992803264f" id="ea1de5ce-7b98-46f6-aa2a-94992803264f"> <img src="https://assets.st-note.com/production/uploads/images/20568583/2c471fe769fa93b94bc603bdb9e5b62e.png" width="1280" height="670"> <figcaption>おしゃれな女性2</figcaption> </figure><br/><a href='https://note.com/spicagraph/n/ne4692c4bac55'>続きをみる</a>]]></description>
      <note:creatorImage>https://assets.st-note.com/production/uploads/images/5457943/profile_ae20d4d0235950a75f521f8782837776.jpg?fit=bounds&amp;format=jpeg&amp;quality=85&amp;width=330</note:creatorImage>
      <note:creatorName>spicagraph</note:creatorName>
      <pubDate>Sun, 08 Mar 2020 15:54:09 +0900</pubDate>
      <link>https://note.com/spicagraph/n/ne4692c4bac55</link>
      <guid>https://note.com/spicagraph/n/ne4692c4bac55</guid>
    </item>
    <item>
      <title>Illustratorのペンツールは、「ビョンビョン」できっと好きになる</title>
      <media:thumbnail>https://assets.st-note.com/production/uploads/images/17933180/rectangle_large_type_2_6ea7502a13e9507a3035918eecb5b957.png?width=800</media:thumbnail>
      <description><![CDATA[<h2 name="d3E7R">はじめに</h2><p name="K1wbi">Illustrator好きですか？ベジェ好きですか？ペンツール好きですか？こういうS字をパスで作るの得意ですか？<br>わたしは大好きです。</p><br/><a href='https://note.com/spicagraph/n/n396ad318b22b'>続きをみる</a>]]></description>
      <note:creatorImage>https://assets.st-note.com/production/uploads/images/5457943/profile_ae20d4d0235950a75f521f8782837776.jpg?fit=bounds&amp;format=jpeg&amp;quality=85&amp;width=330</note:creatorImage>
      <note:creatorName>spicagraph</note:creatorName>
      <pubDate>Tue, 14 Jan 2020 00:21:41 +0900</pubDate>
      <link>https://note.com/spicagraph/n/n396ad318b22b</link>
      <guid>https://note.com/spicagraph/n/n396ad318b22b</guid>
    </item>
    <item>
      <title>文字のデザインが苦手なので、ちょこっと歴史を学んでみたはなし</title>
      <media:thumbnail>https://assets.st-note.com/production/uploads/images/16904338/rectangle_large_type_2_b24079027e7c5c1f9decf173997fbb3e.jpeg?width=800</media:thumbnail>
      <description><![CDATA[<h2 name="rYog8"><b>はじめに</b></h2><p name="41TPY">みなさんフォント好きですか？デザインに上手く取り入れることできてますか？わたしはちょっと苦手でした。ウェブデザイナーになって会社で支給されたパソコンにはたくさんのフォントが入っているけど、どれを使えばいいのかわからない、形を覚えられない…という悩みがありました。</p><br/><a href='https://note.com/spicagraph/n/n1b27d3a0dee8'>続きをみる</a>]]></description>
      <note:creatorImage>https://assets.st-note.com/production/uploads/images/5457943/profile_ae20d4d0235950a75f521f8782837776.jpg?fit=bounds&amp;format=jpeg&amp;quality=85&amp;width=330</note:creatorImage>
      <note:creatorName>spicagraph</note:creatorName>
      <pubDate>Sun, 15 Dec 2019 17:40:10 +0900</pubDate>
      <link>https://note.com/spicagraph/n/n1b27d3a0dee8</link>
      <guid>https://note.com/spicagraph/n/n1b27d3a0dee8</guid>
    </item>
    <item>
      <title>イラストや漫画で「伝える」デザイン@Designship2019</title>
      <media:thumbnail>https://assets.st-note.com/production/uploads/images/16303319/rectangle_large_type_2_9a86699ce943ef15e53f19389d0f2453.jpeg?width=800</media:thumbnail>
      <description><![CDATA[<h2 name="aIi6S">自己紹介</h2><p name="BiRCx">株式会社キテレツのデザイナー・イラストレーター、角田綾佳（すみだあやか）です。ウェブ、グラフィック、ロゴデザイン、イラスト制作をしています。<br>Twitterではフリーランスの屋号spicagraph（スピカグラフ）から、すぴかあやかと名乗っています。</p><br/><a href='https://note.com/spicagraph/n/n4300e16353aa'>続きをみる</a>]]></description>
      <note:creatorImage>https://assets.st-note.com/production/uploads/images/5457943/profile_ae20d4d0235950a75f521f8782837776.jpg?fit=bounds&amp;format=jpeg&amp;quality=85&amp;width=330</note:creatorImage>
      <note:creatorName>spicagraph</note:creatorName>
      <pubDate>Mon, 25 Nov 2019 14:53:58 +0900</pubDate>
      <link>https://note.com/spicagraph/n/n4300e16353aa</link>
      <guid>https://note.com/spicagraph/n/n4300e16353aa</guid>
    </item>
    <item>
      <title>うさぎ-みんなのフォトギャラリー</title>
      <description><![CDATA[<figure name="b7a256a7-9228-43c7-81db-d255425cb137" id="b7a256a7-9228-43c7-81db-d255425cb137"> <img src="https://assets.st-note.com/production/uploads/images/12689982/9a037c0315629b2766e05fc1c0f9bed6.png" width="2000" height="1000"> <figcaption>積読</figcaption> </figure><figure name="c632787c-ae8f-4163-885a-2e45e806d13c" id="c632787c-ae8f-4163-885a-2e45e806d13c"> <img src="https://assets.st-note.com/production/uploads/images/12689981/5d7b10423780a814383b936eddda842c.png" width="2000" height="1001"> <figcaption>つい見ちゃう</figcaption> </figure><br/><a href='https://note.com/spicagraph/n/nda9ae6e78e0a'>続きをみる</a>]]></description>
      <note:creatorImage>https://assets.st-note.com/production/uploads/images/5457943/profile_ae20d4d0235950a75f521f8782837776.jpg?fit=bounds&amp;format=jpeg&amp;quality=85&amp;width=330</note:creatorImage>
      <note:creatorName>spicagraph</note:creatorName>
      <pubDate>Tue, 02 Jul 2019 00:57:03 +0900</pubDate>
      <link>https://note.com/spicagraph/n/nda9ae6e78e0a</link>
      <guid>https://note.com/spicagraph/n/nda9ae6e78e0a</guid>
    </item>
  </channel>
</rss>
