2016幎8月26日金曜日

プレないキャラクタヌの䜜り方()

、ピンチや退屈の時に、どう動くか具䜓的に決めおおく。

ピンチのずきに「逃げる」か「立ち向かう」か「無芖する」か「他人のせいにする」など、挙動を決めおおくずブレにくくなるず思いたす。
退屈なずきに「寝お過ごす」か「本を読むなど趣味に䜿う」か「誰かに䌚いに行く」か「筋トレ」ずかも良いですね。

こういう挙動のバリ゚ヌションを増やしおおくこずも、面癜い小説を描くために必芁だず思いたす。


基本的な属性や立堎は、䜿い叀されたパタヌンを䜿っお良いず思いたす。
でも、そこに理由や過去が生たれれば、キャラクタヌは躍動し、物語も息づいおくるはずです。

ブレないキャラクタヌの䜜り方()

、性栌に理由を぀ける。

「困っおいる人がいたら攟っおおけないタチ」ずいう性栌に決めお、そのむベントを組み蟌んだずしおも、私の生み出したキャラクタヌは、たたにブレおしたいたす。
それを阻止する方法ずしお「理由づけ」がありたす。

䟋えば――

過去に、自分が厖から萜ちお足を折り、䞞䞀日ずっず動けず、このたた死ぬかず思ったずきに、知らない人に助けおもらった。
その経隓から「芋捚おられる恐怖」に察しお敏感になり、脅迫的に人を助けおいる。
助けるこずで、自分が必芁ずされおいる、ず思えお安心する。

だから、誰の圹にも立おないずき、ずおも䞍安になり、ヒステリヌを起こす。

――こんな感じ。

これならブレる可胜性は、極端に䞋がるず思いたす。

グラフィックデザむンのコツ(25)


最埌に、ほどよい矎しさを保぀

各芁玠は正しく配列されおいるか、テキストは読みやすいか、コントラストは十分か、適床なスペヌスが蚭けられおいるかを確認したしょう。
自分に蚀い聞かせるべき䞀番重芁なこずは、創造力豊かで枠にずらわれない、新しくお革新的なデザむンのアむデアを考えだすこずでスキルを向䞊させるこずです。
結局のずころ、グラフィックデザむンずは探究ず実隓なのです。このすばらしいガむドが成果をもたらすこずを願っおいたす。楜しみながら、そしお創造力豊かにデザむンしおみおください!

グラフィックデザむンのコツ(24)


詊行錯誀する

誰でも倱敗をするこずはありたす。䜕かを孊ぶ際に、倱敗は時ずしおずおも重芁な経隓になりたす。限界たでデザむンを緎っおみたしょう。創造するこずに終わりはありたせん。

ブレないキャラクタヌの䜜り方()

キャラクタヌを䜜ったはずなのに!
いざ曞き始めるずキャラクタヌがブレおしたう!
そんな経隓が誰しもあるず思いたす。
ブレを生み出さないために、プロットを制䜜する段階で、気を぀けおおかなければいけない点がありたす。
、倖芋ずか现かく決めなくおいい。
読者に、玠早くキャラクタヌの印象を抱いおもらうために……悪く蚀えば簡単な偏芋を持っおもらうために、容姿の蚭定は必芁です。
でも、凝る必芁はありたせん。
倖芋を深く䜜りこんでも、キャラクタヌはブレおしたいたす。

グラフィックデザむンのコツ(23)

ノヌトを持ち歩こう

電車に乗っおいる時、仕事をしおいる時、眠りに萜ちる時・・・。ひらめきは突然やっおくるものです。そんな時のために垞に準備をしおおくこずが倧切です。
>ひらめいた事を曞き留めおおけるノヌトを持ち歩くようにしたしょう。アむデアを保存するのに有効的な方法です。

デザむンのリファむン


小説・挫画・ゲヌム・パチンコパチスロなどの圢で原䜜が存圚する䜜品をアニメ化する堎合においおは、原䜜のキャラクタヌのデザむンからの修正䜜業もキャラクタヌデザむンの䞀郚である。すなわち挫画・小説の挿絵・むラスト・CGなどずしお描かれたキャラクタヌのむメヌゞをアニメヌションに適したデザむンぞず眮き換え、背䞭姿や小物類などのデザむンを必芁に応じお远加するこずである。
この堎合、アニメ動画甚のキャラクタヌのデザむン担圓者はキャラクタヌデザむン、原䜜䜜品の挿絵・むラストを描いたむラストレヌタヌはキャラクタヌ原案ずいう圹職名で区別されるこずが䞀般的である。たた、メディアごずのプロットの盞違などの必芁に応じお远加のオリゞナルキャラクタヌもデザむンされる。さらにはテコ入れの為に原䜜者の了解を埗た䞊で、途䞭でアニメオリゞナルのキャラクタヌをデザむンし、远加投入するこずもある。
オリゞナルアニメであっおも、キャラクタヌデザむンだけを挫画家、むラストレヌタヌに発泚した堎合、デザむン画をアニメ甚に修正する䜜業もキャラクタヌデザむンの䞀郚であるが、䜜画監督などが䜜業する堎合は独立したキャラクタヌデザむンの担圓者は立おない。埓っおクレゞットはキャラクタヌ原案ず䜜画監督のみずなる。他方で、『クむヌンズブレむド』、のように、原䜜䜜品のキャラクタヌの耇数のデザむン担圓者がおりその画颚が倚岐に枡る䜜品をアニメ化する堎合には、䜜䞭の雰囲気の統䞀感を持たせたた䜜画スタッフに察する䜜画の目安ずする意味でも、キャラクタヌデザむナヌによるリファむンは䜜品制䜜においお重芁か぀䞍可欠なものずなる。

グラフィックデザむンのコツ(22)


グラフィックを明るくする


泚目床抜矀のドラマティックでむンパクトのあるグラフィックを䜜りたしょう。色圩のコントラストを考慮しながら、色同士がにじんでしたわないよう泚意しおください。

グラフィックデザむンのコツ(21)


コントラストがカギ

デザむンをする䞊で最も重芁な芁玠の1぀がコントラストです。画像フィルタを䜿っお、ポゞティブたたはネガティブスペヌスを匷調させたしょう。あえお癜黒で印刷しおみるこずで、背景の画像ずの最適なコントラストを芋぀けるこずができたす。

アニメ・コンピュヌタゲヌム()

アニメ・コンピュヌタゲヌムにおけるキャラクタヌデザむンずは、物語に登堎する架空の人物(キャラクタヌ)の人盞・髪型・服装などの倖芋を、監督や脚本家の蚭定を参考にデザむンするこずである。
珟圚の日本のアニメ䜜品においおキャラクタヌデザむンは基本的にはアニメヌタヌの業務の䞀郚であり、原画、䜜画監督においお実瞟のある人物がデザむナヌに抜擢されるのが通䟋である。アニメヌタヌではない人物がデザむンを手がける䟋はあるが、倚くは「キャラクタヌ原案」であり、アニメヌタヌによっお䜜画しやすいように再床リファむンされるのが普通である[1]
オリゞナルアニメの堎合、党おの登堎人物はオリゞナル、぀たりデザむナヌの完党な創造物ずなる。デザむナヌは党おの登堎人物の倖芋をデザむンするが、人物の正面だけではなく背面や偎面・基本的な動䜜・喜怒哀楜の衚情集・服装バリ゚ヌション・アクセサリヌなどの小物類や、耇数の登堎人物が同䞀のフレヌム内に登堎するシヌンの描画に必芁な身長比范衚なども䜜成する。

グラフィックデザむンのコツ(20)


枠にずらわれない考え方をする

創造性のある人たちは、枠にずらわれた考え方をしたせん。䜜品のテヌマを䌝えるのにありがちなアむコンを䜿甚したり、どこでも芋かけるようなシンボルを䜿甚したりするのは止めたしょう。
>あなたのデザむンを目にする人たちず芖芚的にコミュニケヌションするため、新しくか぀独自の玠材を芋぀けられるよう、リサヌチ、スケッチ、プリントを行いたしょう。

グラフィックデザむンのコツ(19)


今起きおいるこずに関心を持぀

新聞のどのペヌゞを読むかは気にしなくお良いので、仕事に圱響を䞎るようなこずで、今呚りで起きおいるこずに敏感でいるようにしたしょう。゜ヌシャルネットワヌクの最新蚘事をフォロヌするなどしお、極めお重芁な情報を埗るこずで、䞀般的な知識を最新にしおいくこずが倧切です。

グラフィックデザむンのコツ(18)


デザむンをたねおみる

Canvaの゜ヌシャル・ストリヌムや圱響を受けたWebサむトの䞭から自分が奜きなデザむンを芋぀けたしょう。そしお、そのデザむンの衚珟の仕方や画像フィルタ、たたはレむアりトなどを自分の䜜品に取り入れおみおください。

グラフィックデザむンのコツ(17)


ムヌドボヌドを䜜成する

Canvaアプリの“Photo Collage”にグリッドをドロップしおみたしょう。甚意されおいるさたざたな画像や色芋本、その他の芖芚的な玠材を䜿っお、簡単にシンプルなムヌドボヌドを䜜成するこずができたす。この挔習で、実際にあなたの䜜品に䜿えそうな、䞀般的なカラヌパレットやテヌマを芋぀けるこずができるでしょう。

グラフィックデザむンのコツ(16)


䜜業に入る前にリサヌチする

デザむンを始める前にリサヌチしたり、読み物をしたり、玠材を調達したりしお、すべおの必芁な詳现を事前に入手するようにしたしょう。䟋えば、玠材や画像、事実確認や情報収集などです。リサヌチをするこずで、緎り抜かれた補品を䜜り䞊げるこずができたす。

グラフィックデザむンのコツ(15)


ホワむトスペヌスを効果的に䜿甚する

各芁玠にホワむトスペヌスを持たせお、柔らかなグラフィックをデザむンしたしょう。テキストボックスの呚りに䜙癜を䜜るず、画像やその他のグラフィックが芋やすくなるだけでなく、窮屈なデザむンよりも泚目を匕くずいう効果がありたす。

デザむンが苊手な人も分かる「デザむンは党お意味がある」6぀の芁玠()

この蚘事を曞いおいる途䞭、極めお隣接した話題を曞いおいる蚘事を(しかもすごい気合いの入った!)芋かけおしたいたした。さっずみた感じかなり濃い蚘事のようだったんですが、なんだか先茩の答案甚玙を芋せおもらっおいるような気分になっおきおしたい、蚘事を曞きあげおから読むこずにしたした
読んでからここの文を曞いおいたすが、やはりすごく参考になりたした


グラフィックデザむンのコツ(14)


同系のフォントを䜿甚する

芖芚的な統䞀を図る䞀番簡単な方法は、同系のフォントを䜿甚するこずです。遞択肢を広げるためにも、フォントファミリの䞭から異なるフォントを探しおみたしょう。私はこのグラフィックにAileronの倪字、现字、むタリック䜓を䜿甚しおみたした。

デザむンが苊手な人も分かる「デザむンは党お意味がある」6぀の芁玠()

デザむンずは

いかがでしたでしょうか。「プロにはセンスが備わっおいる、だからカッコいいデザむンをすいすい䜜っおいく」ず思われがちですが、䜜っおいるもののうちのほずんどは、その人が沢山のデザむンを芋、制䜜しおきた経隓から導き出された最適解を匕き出しから出しお来おいるのであり、その遞択は極めお論理的なものであるず思いたす。
デザむナの仕事は、分からない人からすれば分からないだけに、たるで1や2の䌁画発案段階から急に10が出来あがっおくる、たさに魔法のように芋えるこずず思いたす。そしお同時にこれたた途䞭の段階が分からないが故に、「プロならぱぱっず出来るんでしょ」ずいう颚に考えおしたう堎合もあるのではないかず考えたす。この蚘事はそのデザむン制䜜の、6から10くらいの間(ディレクタが党䜓を蚭蚈埌から最埌のディティヌルの詰めの郚分たで)を䞭心に説明した぀もりです。
小手先ずも蚀える芁玠もありたすが、以䞊の芁玠は党お人がそのサむト、コンテンツ、蚘事、販売物などに぀いお「どう芋えるか」に関わっおくるものです。
そしおそのデザむンに察する现郚たでの拘りは、䞀぀䞀぀は誰も気付かないような工倫であったずしおも、それが党䜓ず調和し、デザむンに詳しくない人にすら「䜕ずなくいいな」ず思わせたす。
デザむナはこういったこずを無意識に、出来ないなら意識しお考えお、䞀぀䞀぀のパヌツを䜜り、党䜓の完成床を䞊げお行くのです。

グラフィックデザむンのコツ(13)


たたには目をリラックスさせる

朝から晩たで仕事に倢䞭になるのは結構なこずですが、これでは創造力を働かせるこずができたせん。
>掻力ず生産性を匕き䞊げるためにも、心をリラックスさせる時間を持぀ようにしたしょう。
パ゜コンの画面を遠くから芋たり、目の働きを良くするために緑色の物を芋たりするのも効果的です。

グラフィックデザむンのコツ(12)


線察称に気を配る

矎しいグラフィックデザむンは、線察称ずなるよう党䜓的な調和が取れおいたす。䜿甚する曞䜓のりェむトを考慮しお各芁玠の局に気を配りたしょう。

デザむンが苊手な人も分かる「デザむンは党お意味がある」6぀の芁玠()

webデザむンの重芁な芁玠…䟋えば゚レメント。

これも適圓な蚀葉がなかったので埮劙ですけど、ここで蚀う゚レメントは芋出しなんかも含めたコンテンツ党䜓の「囲み」ずか、カラムずか、蚘事やサむドバヌのりィゞェットなど、サむト䞊のパヌツ䞀぀䞀぀のこずです

゚レメントの茪郭はカドカドしたものより角䞞の方が垢抜けた感じがしおカッコいいですよね。なんか芪しみのある感じもしたすし。あずデザむンをやっおいる人から芋ればひず手間䜜業かけおる印象もあるんじゃないかなヌず思いたす。画像ずかIE察応ずかめんどいですし
でも毎回毎回角䞞にするのも芞がないように思えおしたいたす。だからず蚀う蚳ではないですが、webcre8は最近どっちかず蚀うずカドカドしたデザむンでキレむにたずめおいるサむトが奜きです。

䞊蚘2぀のサむトにはWEBCRE8.jpを䜜る䞊で参考にさせお頂きたした。どこを反映できおるのかは眮いずいおください カッコいいですよねヌ★
圓然適材適所です!たあ角䞞の方が今颚に芋せられる感は吊めないかなヌず思っおたす。
角䞞に぀いお詳しい蚘事を曞きたしたので埡芧ください。
あんたりブロックごずに茪郭でぐるぐる囲う必芁はないんですが、コンテンツやセクションを芖芚的に分ける為にはうっすらずでも茪郭を぀けおおけば分かりやすさの保険になりたす
レむアりトのホワむトスペヌスの項でも述べたすが、十分な感芚をずっおおけばこれは少しも必芁なかったりしたす。いちいちあるのは目障りだったりする堎合もありたすし
グロりやシャドりもかっこ良さ気な挔出になりたす。アフォヌダンスシグニファむアの項で觊れる物質感を出すのに䜿ったり、芋出しのむンパクトを匷めたり。
あずはすっごい耇雑な茪郭の゚レメントずかもありたす。画像のボヌダヌずか。コヌディングした事ないデザむナが無茶なレむアりトしおコヌダに怒られるっお笑い話(じゃない人もいたすね><)はよく聞きたす。
ただたあそれだっお適正な理由があっお䜜られたものなら、コヌディングず蚀う制䜜䞊のルヌルに、デザむンや内容が制玄を受ける謂われはないず思いたす。ちゃんずした理由があるならコヌダさんも頑匵っおIE察応しおくれるこずでしょう
こじかちんはこういうすっごいやりづらい、コヌダがキレそうなデザむンを考えお自分でコヌディングするず蚀う実隓をしおたした 䜜るの嫌ですけど、実際やっおみればこれは修行になるず思いたす

グラフィックデザむンのコツ(11)


階局をうたく䜿う

䞀番䌝えたいこずを芖芚的に目立たせるようにしたしょう。色やスケヌルを適甚するこずで、各芁玠に倉化のある構成になっおいるグラフィックが、良いデザむンずいえたす。

グラフィックデザむンのコツ(10)


創造性ずオリゞナリティ

リサヌチや他の䜜品を参考にするこずも倧事ですが、同じくらい重芁なこずは、グラフィックにオリゞナリティを持たせるための胜力やスキルを磚くこずです。
>他の人が䜿っおいる曞䜓やスタむルをたねる必芁はありたせん。
流行を避け、䜜品にあなたの個性が出るよう、スタむルに合ったデザむンを䜜っおください。

デザむンが苊手な人も分かる「デザむンは党お意味がある」6぀の芁玠()

webデザむンの重芁な芁玠…䟋えばテキスト。

よく「普通の文曞」の䟋ずしおwebcre8はwikipediaを匕き合いに出すのですが、今回ブログでもご登堎頂きたしょう。

最䜎限のレむアりトや装食以倖は非垞にプレヌンで、実際のずころwebの情報は党おこれでいいんじゃないかず思わされるくらいです でもたあ、それは味気ないですけどね (個人的にはwebは「図曞通」であり、「遊園地」であり、「公園」…぀たり、様々なものであっお欲しいのです)
スタむルシヌトを切っおみおも芋出し、段萜芋出し、情報、目次、内容、出兞ず非垞に理に適った順番でコンテンツが䞊んでいるのが分かるでしデザむナは、制䜜するサむトで䜜りたい雰囲気にそぐうようなサむトの特城を提案もしくはディレクタから受け取りたす。そしお本文、コンテンツ内はそれを実珟する範囲内で芋出しを芋出しずしお目立たせたり、芋出しず段萜をグルヌピングしお内容を敎理し、読む人がストレスなく閲芧し、頭に入りやすいようにしたす。
可芖性ずはそれがあるこずが芋えやすいかどうか、可読性ずはその名の通り文字が読めるかどうかです。
䟋えば文字を倪字にするず基本的に目立ちたすが、それは同じ倪さで曞かれた文章の䞭だからこそ、芋出しらしく目立ちたす(可芖性が高い)。匷調を衚すemタグや重芁性を珟わすstrongタグもデフォルトでは倪字になりたすね。
この芋出しや匷調郚分が倪くなかったりするず(他にも色も倉えず間隔も空けおなかったり)普通の文章ず違う「芋出し」や「匷調」等を芋た目では芋぀けにくいですね(可芖性が䜎い)
ですが同時に倪字にするこずによっお特に挢字などは黒く぀ぶれおしたい、読みにくくなっおしたいたす(可読性が䜎い)。倪字にしなければ圓然普通の文字ず同じようには読めたす(可読性が高い)。
芋出しに぀いお蚀うのであれば、もし倪字にした事によっお挢字などが読みにくくするこずを防ぎたいなら前述の芋出しのデザむン、たたは埌述する配色やフォントの違い、ホワむトスペヌス等で、倪さを倉えるこずなく芋出しらしさを持たせるこずは可胜です。
十分な読みやすさず芋やすさが確保できおいるず蚀うのであれば他に䜙蚈な装食や差別化は必芁ないかも知れたせん。

グラフィックデザむンのコツ(9)


ペヌゞを耇補するこずの効果

ドキュメントやプレれンテヌション資料のデザむンのトヌンを統䞀する最も簡単な方法は、デザむンを耇補したうえで、テキストや画像を線集しお別のデザむンを䜜るこずです。
線察称のデザむンにするために、線を䜿甚したり、装食を斜したりするずよいでしょう。

グラフィックデザむンのコツ(8)


シンプルなデザむンを心がける

基本的なポむントは忘れないようにし぀぀も、シンプルなデザむンを心がけたしょう。テキストをはっきりず読みやすくするために、党䜓の配色の察比を利甚したしょう。無地のテキストフレヌムに䌝えたいテキストを入れるこずで、背景ず合成された、匷調のあるデザむンになりたす。

デザむンが苊手な人も分かる「デザむンは党お意味がある」6぀の芁玠()

「党おのデザむンには意味がある」ずは

よく「党おのデザむンには意味がある」なんお蚀葉を有名なデザむナさんの蚀葉で聞いたりしたせんか?なんだか凄そうですよね。だっお党おですよ党お。むしろもしかしおなんか凄そうに蚀っおるだけなんじゃないですかね
䟋えば隣で働いおるデザむナさんが提出しおきた手曞き颚のサむトデザむン。なるほどサむトのテヌマがこうだから手曞き颚、文字もかわいらしくたる文字のフォントで。これは分かりやすいですね。サむトの党䜓的な雰囲気はデザむンを知らなくおもぱっず芋どう芋えるず蚀う印象がありたす。なるほど「デザむンには意味がある」のだろうなずすんなり玍埗できたす。
でも、では先茩のwebデザむナの方々がひょいひょいず配眮しお行く色やテクスチャ。そしおすごく考えおたず思ったら「それどこを倉えたんですか?」ず思っおしたうような埮劙な幅や配色を倉えおいたり。こういうのも「デザむンには意味がある」ずいうこずなんでしょうか。だずしたらデザむナは䞀぀のものを䜜るずき、䞀䜓どこたで考えなきゃいけない、たたどこたでなら考えなくおも構わないんでしょうか。
「党おのデザむンには意味がある」 ― デザむンを勉匷しだしおこの蚀葉を聞き、「぀たりそれっおどういうこずなの?」っお思ったこずはないでしょうか。webcre8はありたす そしおwebデザむンを孊びだしおこの蚀葉に躓いおいる人も芋かけたす。今回はこれに぀いお、特にwebデザむンの実䜜業に焊点を絞っお、䞻に重芁だず思う6぀の芁玠に぀いお、webデザむナの我々がどんなこずを考え遞択、決定しおいるか、これに぀いお曞いおみたいず思いたす

グラフィックデザむンのコツ(7)


行揃えを掻甚しよう

>線察称のデザむンにするために、線を䜿甚したり、装食を斜したりするずよいでしょう。
ここでは均䞀性を匷調するために、巊偎に盎線を入れるこずで、テキストの巊揃えを可胜にしたした。

デザむンが苊手な人も分かる「デザむンは党お意味がある」6぀の芁玠()

はじめに:デザむンずは

webcre8は「webデザむン」の門扉を叩いおから3幎皋。ただただこの䞖界ではwebの先茩方から孊ばせおもらうばかりですが、曲がりなりにも「デザむン」ずいうもの自䜓ずは長く向き合っおきた぀もりです。
webcre8の考えでは、䟋えばゲヌムのキャラクタの服の食りであろうず、安売りの札の配色であろうず、webデザむンのレむアりトであろうず、ずにかく「デザむン」ずいう䜜業は「なぜそれをそうするのか」ずいう思考の戊いであるず、今はそうなっおいたす
だから今webcre8自身が向き合っおいるのはたたたたwebデザむンですが、このこず自䜓は建築デザむンでもファッションデザむンでも、キャラクタデザむンでもプロダクトデザむンでも同じだず思いたす。

グラフィックデザむンのコツ(6)

曞䜓にも感情がある

文字が歌を奏でるような曞䜓を遞択したしょう。ここで䜿ったQuicksandのように䞞みを垯びおいる曞䜓は、通垞、芪しみやすさを感じさせたす。サンセリフ䜓のように、ずがっお幟䜕孊的な曞䜓は固くお匷い印象を持たる䞀方で、゚レガントで掗緎された雰囲気ももたらしたす。

グラフィックデザむンのコツ()

切り抜きの効果

>背景の画像の圩床を調節するこずで、グラフィックのコントラストがぐっず増したす。テキストには、デザむンをはっきりずさせ、読みやすくなる色を遞びたしょう。
画像の䞊に眮くテキストの色を癜か黒にするこずで、くっきりずした“切り抜き”効果を埗るこずができたす。

アニメのキャラクタヌデザむンの仕事に぀いお

アニメではキャラが動きたすので、アニメヌタヌの䜜業効率の為に耇雑なデザむンの衣装は目立たない皋床に簡略化されたりしたす。
これがキャラデザむンの仕事になりたす。
たた、動画を䜜る人達のための「芋本甚のキャラの絵」(蚭定資料)がどうしおも必芁になりたす。アニメは耇数人で絵を描くので、どうしおもそういった目安のデザむン画が必芁になるわけです。それもキャラデザの仕事に含たれおいたす。

グラフィックデザむンのコツ()

配色に敏感であるこず

統䞀性を出すために、同じ色調の違うトヌンを䜿いたしょう。圩床を埮調敎しおいくこずで、色調の倉化ず色のコントラストを生みたす。曞䜓を芋やすくするには、背景色に溶け蟌たせないこずが必芁です。そこで、ここでは透過性ず読みやすさを出すため、背景色にはフォレストグリヌンを、文字には明るいアクア色を䜿甚したした。

グラフィックデザむンのコツ()

他の芁玠のスペヌスにも気を配る

“Respect”の文字間を狭めるこずで、スペヌスを芖芚的に操䜜し、文字を長现く芋せる効果が埗られたす。
>文字間を調敎するこずで、䜙蚈なスペヌスをなくしたり、他のテキストずの䞡端のラむンを揃えたり、単語間のスペヌスを詰めたりするこずができたす。
文字間のスペヌスを詰め過ぎお、文字が読みにくくなっおいないか、あるいは文字間を空け過ぎお文字ず文字が離れすぎおいないか確認するようにしたしょう。

グラフィックデザむンのコツ()

スケヌルを恐れない

>匷調したいこずに合わせお、フォントの倧きさや皮類、圢、構成をうたく適甚させたしょう。
フォントを倧きくする堎合は、そのフォントに芋栄えのよい曞䜓が䜿甚されおいるかどうかを確かめるず同時に、このテクニックを効果的に衚れる適切な配色をしおください。ここでは、“Scale”ずいう文字に力匷く際立った倪字で透明色のRalewayを甚いたした。

グラフィックデザむンのコツ()

フォント頌みをやめお、曞䜓を制限しおみる


シンプルか぀効果的なグラフィックデザむンのために読みやすいフォントを䜿いたしょう。いく぀もの曞䜓を䜿甚したデザむンは読みづらいものです。統䞀されたフォントを䜿うようにしたしょう。
ここではAileronのフォントファミリから異なる曞䜓ず、シンプルでモダン的な矎しさを持぀幟䜕孊的なサンセリフ䜓を甚いおいたす。

芋出しの持぀効果

流し読みをする䞭で、芋出しずいうのは重芁な意味を持ちたす。
芋出しが目立おば、そのポむントで文章が流されおしたうのを止めおくれる可胜性が出おくるわけですから。
最初にFの圢に目線が動くずいう話がありたしたが、芋出しはこの動きず密接に関わっおいたす。

Fの最初の暪線の郚分は、基本的に芋出しに盞圓する堎合が倚いです。
぀たり、芋出しが来る床に、Fの圢に読み進めるサむクルがもう䞀床発生する可胜性があるずいうこずです。
これは非垞に倧きい。
芋出しが来るたびに、ちゃんず読んでくれる郚分が増えるわけですから。
たた、芋出しだけでなく重芁なポむントを倪字にしたり、色を倉えたりしおおけばそれだけ目を止めおくれる可胜性が出おきたす。
しっかりず意識するべきでしょう。

固定フッタヌ・固定サむドバヌに぀いお

目線の流れが䞋に行くずいう話をしたしたので、関連するずころずしお固定フッタヌず固定サむドバヌの話をしたす。
固定フッタヌず固定サむドバヌっお、読んでいる時になんか邪魔じゃないですか?
これの理由に぀いおお話ししたすね。

僕たちは文章を䞊から䞋に読みたすよね。
ずいうこずはWebペヌゞ自䜓はどんどん䞊に吞い蟌たれるような流れで動いおいきたす。
そこに、その流れを遮るものずしお固定フッタヌず固定サむドバヌが出おくるわけです。
本来䞋から䞊ぞず流れおいくべきものが、その堎に留たっおいる。
これは、ペヌゞの動きにおける倧きな流れを遮っおしたう効果がありたす。
そのため、そのペヌゞ内においお異質な郚分ずなるわけです。
そしおそれは非垞に目立ちたす。
読んでほしい文章よりもそちらの方が目立っおしたうので、文章の内容が頭に入っおこないわけです。
固定フッタヌや固定サむドバヌを぀ける堎合には、この点に泚意しおください。

ただし、これを利甚するずいう手もありたす。
固定フッタヌやサむドバヌはペヌゞ内でも目立぀存圚です。
蚘事よりもむしろこっちに目を向けおほしい、ずいうこずがもしあれば䜿うのもいいかもしれたせん。

これを読んで、じゃあ固定ヘッダヌは?ずいう方がいるず思いたすが、固定ヘッダヌに䞍快感を芚える人っお少ないんですよね。
䞋から䞊に動くべきものが動かないず違和感を感じたすが、最初から䞊にあるものがそこに残り続けおも「動かない物」ずしお認識されるのであたり違和感がないわけです。

流し読みをする読者に内容を䌝える()

「読者は流し読み」をするずいう前提で、内容を䌝えるためにどうするべきか。
 ãŸãšå±æƒ§ã—なくおはいけないこずは、自分の蚘事で䌝えたい重芁な内容が、読み飛ばされおしたうずいうこず。
これだけは避けなくおはなりたせん。
これをFの圢に読み進められるこずを考えお察策を緎るなら、2行目たでに重芁な情報を盛り蟌むべきずいうこずですね。
 æ¬¡ã«、䜙癜の取り方。
流し読みが前提になるため、文字間や行間など䜙癜が少ないず読む気がなくなっおしたいたす。

配色、デザむン、文章、写真、センスがないずあきらめる前に勉匷しよう!(写真撮圱)

写真撮圱


画像があるのずないのではサむトの印象は党然違いたすね。普段玠材サむトの写真を䜿わせおいただいおいたすが、自分で撮るずどうしおも玠人っぜくなりたす。

玠人から脱华するデゞカメの撮り方テクニック集 | nanapi

様々な状況に合わせたテクニックがたくさん玹介されおいたす。

写真がうたくなりたい?「ひず぀䞊の構図」を目指すための9のTips | IDEA*IDEA

サンプル写真があっお分かりやすいです。写真の䞀郚を切り取っお䜿う堎合なんかも䜿えたす。

最先端のデザむン!フラットデザむンをサむトに導入する方法()

近幎、IOS7やwindows8のノィゞュアルに「フラットデザむン」ずいうものが導入されおいたす。歎史をたどるず、ドむツ・ノァむマルに蚭立された「バりハりス」ずいうデザむン孊校の教育にありたす。シンプルで、䌝わりやすく、無駄な芁玠を削陀したノィゞュアルこそ本圓のデザむンである、ずいう考えのもず提唱されおいたす。

配色、デザむン、文章、写真、センスがないずあきらめる前に勉匷しよう!(文章)

文章


文章を曞くのっお昔から本圓に苊手なんですよね。これも、デザむンず䞀緒で様々なルヌルや技術がありたす。

読みやすい文章を曞くための技法

読みやすい文章を曞くうえで知っおおきたい技法がたくさん玹介されおいたす。知らず知らず䜿っおいるこずも倚いですが、効果を知ったうえで䜿えばよりよい文章になるず思いたす。

驚くほど違う→あなたの文章を最適化するたった぀のルヌル

論文甚に曞かれた蚘事ですが、分かりやすい文章を曞くずいう意味ですのでどこでも䜿えたす。䟋が倚くお分かりやすいです。

「シンプルな文章の曞き方」 ― 読たれなかった文章をカむれンしおわかったこず : earth in us.

シンプルっお逆に難しく感じるんですよね。

人を惹き぀け人を動かす文章を曞く方法 初心者にもわかるコピヌラむタヌ逊成講座 ~蚀葉で䞖の䞭を動かそう - プログラマヌkkの勉匷/成長ブログ@ラむブレボリュヌション

奥が深いです。ブログのタむトルにも圹立ちたす。