<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ノングリッドデザイン アーカイブ - Taniweb制作</title>
	<atom:link href="https://www.taniweb.jp/tag/%e3%83%8e%e3%83%b3%e3%82%b0%e3%83%aa%e3%83%83%e3%83%89%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.taniweb.jp/tag/ノングリッドデザイン/</link>
	<description>グラフィック&#38;WEBデザイン&#38;女性向けクリエイティブ制作</description>
	<lastBuildDate>Fri, 02 Nov 2018 06:17:55 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://www.taniweb.jp/wp/wp-content/uploads/2016/07/cropped-ribbon-55x55.png</url>
	<title>ノングリッドデザイン アーカイブ - Taniweb制作</title>
	<link>https://www.taniweb.jp/tag/ノングリッドデザイン/</link>
	<width>32</width>
	<height>32</height>
</image> 
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/>
<atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/>
<atom:link rel="hub" href="https://websubhub.com/hub"/>
<atom:link rel="self" href="https://www.taniweb.jp/tag/%e3%83%8e%e3%83%b3%e3%82%b0%e3%83%aa%e3%83%83%e3%83%89%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/feed/"/>
	<item>
		<title>個人的に一番気に入っているノングリッドデザイン。</title>
		<link>https://www.taniweb.jp/diary2016/10674/</link>
		
		<dc:creator><![CDATA[Takako Taniguchi]]></dc:creator>
		<pubDate>Fri, 02 Nov 2018 06:15:16 +0000</pubDate>
				<category><![CDATA[Designers diary]]></category>
		<category><![CDATA[迷った時の、デザイン参考事例集]]></category>
		<category><![CDATA[グリッドデザイン]]></category>
		<category><![CDATA[ノングリッドデザイン]]></category>
		<guid isPermaLink="false">https://www.taniweb.jp/?p=10674</guid>

					<description><![CDATA[<p><img width="1684" height="1190" src="https://www.taniweb.jp/wp/wp-content/uploads/2018/11/theloyal47ronin-02.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" fetchpriority="high" srcset="https://www.taniweb.jp/wp/wp-content/uploads/2018/11/theloyal47ronin-02.png 1684w, https://www.taniweb.jp/wp/wp-content/uploads/2018/11/theloyal47ronin-02-300x212.png 300w, https://www.taniweb.jp/wp/wp-content/uploads/2018/11/theloyal47ronin-02-1024x724.png 1024w, https://www.taniweb.jp/wp/wp-content/uploads/2018/11/theloyal47ronin-02-250x177.png 250w" sizes="(max-width: 1684px) 100vw, 1684px" /></p>
<p>規則正しくグリッドに沿ったデザインを、グリッドデザインといいますが、その反対に自由に好きなようにレイアウトすることを、ノングリッドデザイン（Non-Grid Design　または　Non-Grid Layout　または　Non-Grid System)といいます。日本ではこの他に、フリーレイアウトともいいますが、こちらは和製英語だと思います、海外のデザイナーには通じませんので要注意です。</p>
<p>私が、個人的に一番気に入っているノングリッドデザインは、ここにある、かな手本忠臣蔵のようなもの。（江戸時代のいわゆる絵草紙は、これと似たようなスタイルです）<br />
おそらく、絵師が先に絵を描きあげ、後から文章を挿入しているのだと思いますが、すごくダイナミックな構成だと思いませんか！？</p>
<p>この場面は、炭小屋に隠れていた、高武蔵守師直（吉良上野介）を見つけたところの場面だと思います。</p>
<p>「師」のマークは、劇中の役名、高武蔵守師直のことで、史実上では、吉良上野介にあたります。<br />
「矢」は、役名が矢間十太郎・・・史実上は・・・多分、武林唯七かな？？？（自信がないですが）</p>
<p><a href="https://www.taniweb.jp/wp-content/uploads/2018/11/theloyal47ronin-01.png"><img src="https://www.taniweb.jp/wp-content/uploads/2018/11/theloyal47ronin-01.png" alt="" width="1684" height="1190" class="aligncenter size-full wp-image-10683" /></a></p>
<p>写真/<a href="http://dl.ndl.go.jp/info:ndljp/pid/10303463" rel="noopener" target="_blank">仮名手本忠臣蔵 8巻. 初篇 - 国立国会図書館デジタルコレクション　パブリックドメイン　http://dl.ndl.go.jp/info:ndljp/pid/10303463</a></p>
<p>こんなんじゃ読みにくいじゃん〜って、思われるかもしれませんが、読む順番は小さいイラスト（印）で指示がでています、なかなか機能的なんです。</p>
<p>文章の読み始めには必ず「つづき」のマークがあり、ページの最後には「続く」のマークが入ります。</p>
<p>まず、「つづき」のマークがついているところから読み進めてゆくと、文章（段落）の終わりに、小さなイラストがあるのに気づくと思います。仮に、▲と□を組み合わせた家のようにみえるイラストがあったとしましょう。これを「家のイラスト」とここでは呼ぶことにします。すると、次に読むべき場所は、「家のイラスト」が文章の頭に来ている箇所です。</p>
<p>すべての段落の終わりには、小さなイラストが付いていますから、それを頼りに文章を読み進めることができます。</p>
<p><a href="https://www.taniweb.jp/wp-content/uploads/2018/11/theloyal47ronin-02.png"><img src="https://www.taniweb.jp/wp-content/uploads/2018/11/theloyal47ronin-02.png" alt="" width="1684" height="1190" class="aligncenter size-full wp-image-10684" /></a></p>
<p>最近の雑誌などでは、読みやすさ優先で、縦書きでもグリッドデザインが採用されることが多いため、こういったレイアウトを見かけることは滅多にありません。<br />
でも、テレビもラジオも写真もインターネットも無い時代に、不思議と臨場感が伝わってくる、大胆かつ無駄のないレイアウトだとおもいませんか？</p>
<p>ただ、出版するとなると、文字数を制限枚数の中に収めなければならなかったりして、紙面のデザイナー（文章と絵の配分を考える人）は、相当な経験値が必要だっただろうな〜と思います。<br />
調整が難しい作業ですよね。</p>
<p>当時のデザイナーの苦労も鑑みつつ、古典のディテールの美しさも堪能できるので、よろしければ、国立国会図書館の以下のURLを覗いてみてください。</p>
<p>[gallery size="large" ids="10692,10693,10694,10695,10696,10683,10684"]</p>
<p><a href="http://dl.ndl.go.jp/info:ndljp/pid/10303463" rel="noopener" target="_blank">仮名手本忠臣蔵 8巻. 初篇 - 国立国会図書館デジタルコレクション　パブリックドメイン　http://dl.ndl.go.jp/info:ndljp/pid/10303463</a></p>
<p>※1<br />
日本人はながらく縦書き文化でしたが、1700年台終わりごろ、オランダ語の文字を模倣して日本語の文章を横書きするものが現れはじめ、1885年に発行された外国語の辞書で日本語の横書きが登場しているそうです。<br />
（参考/Wikipedia https://ja.wikipedia.org/wiki/%E7%B8%A6%E6%9B%B8%E3%81%8D%E3%81%A8%E6%A8%AA%E6%9B%B8%E3%81%8D）</p>
<p>投稿<a href="https://www.taniweb.jp/diary2016/10674/">個人的に一番気に入っているノングリッドデザイン。</a>は<a href="https://www.taniweb.jp">Taniweb制作</a>の最初に登場しました。</p>
]]></description>
										<content:encoded><![CDATA[<p><img width="1684" height="1190" src="https://www.taniweb.jp/wp/wp-content/uploads/2018/11/theloyal47ronin-02.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://www.taniweb.jp/wp/wp-content/uploads/2018/11/theloyal47ronin-02.png 1684w, https://www.taniweb.jp/wp/wp-content/uploads/2018/11/theloyal47ronin-02-300x212.png 300w, https://www.taniweb.jp/wp/wp-content/uploads/2018/11/theloyal47ronin-02-1024x724.png 1024w, https://www.taniweb.jp/wp/wp-content/uploads/2018/11/theloyal47ronin-02-250x177.png 250w" sizes="auto, (max-width: 1684px) 100vw, 1684px" /></p>規則正しくグリッドに沿ったデザインを、グリッドデザインといいますが、その反対に自由に好きなようにレイアウトすることを、ノングリッドデザイン（Non-Grid Design　または　Non-Grid Layout　または　Non-Grid System)といいます。日本ではこの他に、フリーレイアウトともいいますが、こちらは和製英語だと思います、海外のデザイナーには通じませんので要注意です。


私が、個人的に一番気に入っているノングリッドデザインは、ここにある、かな手本忠臣蔵のようなもの。（江戸時代のいわゆる絵草紙は、これと似たようなスタイルです）
おそらく、絵師が先に絵を描きあげ、後から文章を挿入しているのだと思いますが、すごくダイナミックな構成だと思いませんか！？

この場面は、炭小屋に隠れていた、高武蔵守師直（吉良上野介）を見つけたところの場面だと思います。

「師」のマークは、劇中の役名、高武蔵守師直のことで、史実上では、吉良上野介にあたります。
「矢」は、役名が矢間十太郎・・・史実上は・・・多分、武林唯七かな？？？（自信がないですが）


<a href="https://www.taniweb.jp/wp-content/uploads/2018/11/theloyal47ronin-01.png"><img src="https://www.taniweb.jp/wp-content/uploads/2018/11/theloyal47ronin-01.png" alt="" width="1684" height="1190" class="aligncenter size-full wp-image-10683" /></a>



写真/<a href="http://dl.ndl.go.jp/info:ndljp/pid/10303463" rel="noopener" target="_blank">仮名手本忠臣蔵 8巻. 初篇 - 国立国会図書館デジタルコレクション　パブリックドメイン　http://dl.ndl.go.jp/info:ndljp/pid/10303463</a>


こんなんじゃ読みにくいじゃん〜って、思われるかもしれませんが、読む順番は小さいイラスト（印）で指示がでています、なかなか機能的なんです。

文章の読み始めには必ず「つづき」のマークがあり、ページの最後には「続く」のマークが入ります。

まず、「つづき」のマークがついているところから読み進めてゆくと、文章（段落）の終わりに、小さなイラストがあるのに気づくと思います。仮に、▲と□を組み合わせた家のようにみえるイラストがあったとしましょう。これを「家のイラスト」とここでは呼ぶことにします。すると、次に読むべき場所は、「家のイラスト」が文章の頭に来ている箇所です。

すべての段落の終わりには、小さなイラストが付いていますから、それを頼りに文章を読み進めることができます。



<a href="https://www.taniweb.jp/wp-content/uploads/2018/11/theloyal47ronin-02.png"><img src="https://www.taniweb.jp/wp-content/uploads/2018/11/theloyal47ronin-02.png" alt="" width="1684" height="1190" class="aligncenter size-full wp-image-10684" /></a>



最近の雑誌などでは、読みやすさ優先で、縦書きでもグリッドデザインが採用されることが多いため、こういったレイアウトを見かけることは滅多にありません。
でも、テレビもラジオも写真もインターネットも無い時代に、不思議と臨場感が伝わってくる、大胆かつ無駄のないレイアウトだとおもいませんか？

ただ、出版するとなると、文字数を制限枚数の中に収めなければならなかったりして、紙面のデザイナー（文章と絵の配分を考える人）は、相当な経験値が必要だっただろうな〜と思います。
調整が難しい作業ですよね。

当時のデザイナーの苦労も鑑みつつ、古典のディテールの美しさも堪能できるので、よろしければ、国立国会図書館の以下のURLを覗いてみてください。


[gallery size="large" ids="10692,10693,10694,10695,10696,10683,10684"]



<a href="http://dl.ndl.go.jp/info:ndljp/pid/10303463" rel="noopener" target="_blank">仮名手本忠臣蔵 8巻. 初篇 - 国立国会図書館デジタルコレクション　パブリックドメイン　http://dl.ndl.go.jp/info:ndljp/pid/10303463</a>


※1
日本人はながらく縦書き文化でしたが、1700年台終わりごろ、オランダ語の文字を模倣して日本語の文章を横書きするものが現れはじめ、1885年に発行された外国語の辞書で日本語の横書きが登場しているそうです。
（参考/Wikipedia https://ja.wikipedia.org/wiki/%E7%B8%A6%E6%9B%B8%E3%81%8D%E3%81%A8%E6%A8%AA%E6%9B%B8%E3%81%8D）<p>投稿<a href="https://www.taniweb.jp/diary2016/10674/">個人的に一番気に入っているノングリッドデザイン。</a>は<a href="https://www.taniweb.jp">Taniweb制作</a>の最初に登場しました。</p>
]]></content:encoded>
					
		
		
				    <image><url>https://www.taniweb.jp/wp/wp-content/uploads/2018/11/theloyal47ronin-02-1024x724.png</url></image>
    <thumb><url>https://www.taniweb.jp/wp/wp-content/uploads/2018/11/theloyal47ronin-02-55x55.png</url></thumb>
	</item>
	</channel>
</rss>
