こんばんは、shinです。

わりと前からだと思うのですが、海外サイトのデザイン集などを見ているとレトロ風なデザインをちょくちょく見かけるようになりました。

デザインパーツの質感に着目しての特集でよく見かけるのですが、ボソッとしたような質感に昔の広告の特徴や、印刷の状態をあえて再現した効果なども相俟って雰囲気に満ちたサイトデザインがなされており、各所を観察していると勉強になることがたくさんでてきます。
私は見るだけで挑戦したことはないのですが、古めかしい雰囲気を出すために粗めの質感を使ったり、色合いも褪せたようなものを多用するのでポイントを浮き立たせるのがけっこう難しいのではと想像します。
サイトによりけりですが、多くのイメージ画像を使用しているものなどは特に配置のリズム感も気持ちよく、遊び心のある演出がされていたりと見た目に飽きさせない工夫が所々盛り込まれています。
そのへんのユーザーにストレスを与えないくらいの、という加減の難しさもあると思います。
それでこそ一つの世界観を持つサイトとして成立しえるのではないかと思います。ものすごいインパクトがあってもユーザーがいてこそ、サイトは在るものなので一度見たきりでなく、また来たくなるサイト作りをしていきたいものだと、いいものを見ているとそんなことを思わされます。

こんばんは、shinです。

デザインのリニューアルなどについてです。
イメージの一新や内容の変更に伴うデザインの変更などの作業がそれにあたるのですが、
インターネットの環境下では様々な変化に合わせたりと、めまぐるしいものがあると思います。
現行のものをより読みやすくなるようにデザインや内容構成を組み替えて、現状よりも魅力的なものを作っていかないといけません。
実際やってみると作り変えるというのはとても難しく、元ネタを参考にするあまり内容をそのままなぞったようなものが出来上がってしまうこともしばしばです。
そのような作業をしていると、作業にかかる前に、もっと注意深くサイトの意義をつかんで、その上でどのようなユーザが見てどのように思うのかも予想するのがとても大切なのだと感じます。
現行サイトも内容を伝えるべく構成された情報の一つの形なので、言いたいことは一通りは言っているはずなのですが、それを鵜呑みにして吐き出すことを求められているわけではないことも肝に銘じておかなくてはとよく思います。
同じ内容でも、それをやり方次第でより魅力的な情報として提供することは不可能なことではないので、
受け取る側の吸収しやすい情報を作るという姿勢がぶれないように、常に客観的な見方を忘れぬよう心がけていきたいです。

こんにちは、shinです。

デザイン業務で、時々を作成する事があります。
ランディングページとは検索エンジン、広告などを経由してやってきたユーザが最初に見るウェブページとあります。そこへやってきたユーザの興味を更にかき立て目的のページへと導く役割を持っています。
そう考えたらウェブページのほとんどがそういう目的で作られているとは思うのですが、いろいろなランディングページの構成を参照しているとあからさまに目的に忠実で、手を替え品を替え様々な表現でもって構成されているのが印象的です。
長い長いページ中、それらだらだらと羅列されているわけではなくユーザがページを見ていく時々にどの情報を求めるのか、どの情報を差し込めば更に興味を喚起させられるのかを予測して組み立てられています。

それらだいたいのものがビジュアル面でのインパクトが大きく他で頻繁に使えるような例ではないのですが情報を扱う上ではとても勉強になります。
最近ではランディングページ集など見ていて以前のものから最近のものまで見比べてみると、更に自由な表現が多くなって縦横の区切りが薄くなっているように感じました。
いくつもの要素が組まれているのですが一通りで雰囲気を演出する働きが強くなっているように感じました。

まるでテレビショッピングでも見ているようにユーザが心地よくスムーズに情報を受け取れるようにとの配慮から生まれた表現のように思います。

ほぼ定番として出来上がった表現で様々なケースに使えるものなのですが、見る側の求めるものも変化していくものでそれに対してどのような表現で応えていくのか、ちょっとずつだとは思うのですが今後どのような変化がでてくるのかも興味深いと思いました。

こんばんは、shinです。

最近、作業の関係でアイコンのデザイン集などをよく見たりします。
言葉で検索しては、どのように表現されているのだろうと見比べているのですが、狭い範囲にそれぞれの意味・機能が集約されており感心させられるばかりです。

機能にもよりますが、アイコンから発せられる言葉は率直であるのが一番大切だと思っています。

皆が共通に持っている言語をあやつるように、アイコン作成にも共通した何かを喚起するような機能を持っていないといけません。

作成段階では、もとになる共通の言語を取り上げるということが大変難しいと思います。
自分にとって当たり前だと思っていることでも他の大勢には何のことかわからないということもよくありますし、他のだいたいの人が見て、コレと言えばアレといったふうに一つ言葉を出したら次いで出てくるようなイメージを具現化するようなことなのだと感じます。

身近なところでは、円の中央上方から棒がささったような電源マークが印象的です。パソコンなどで馴染みがあったくらいだったのですが、さまざまな家電の普及とともに以前よりいろんなところで見かけられるようになりました。

この図像の起源は知らないのですが、自分の場合は電源を付けたり消したりする行為の際に目に入るので、電源に使われるアイコンなのだと認識した覚えがあります。

教えてもらって認識したのではなく、いつのまにか生活の中に溶け込んでいて、気付いたら普通に目印として使っている。まさにアイコンの醍醐味であると感じました。
馴染み過ぎて気付いていないものも身の回りにはもっとたくさんあるはずです。
いつか皆に言葉のように当たり前に使用されるものが作れたらいいなと思いました。

こんばんは、shinです。
最近、webデザイン集など見ていて気になるのが質感です。
よく見ないと分からないくらいの効果も、サイト全体を見た時に印象や雰囲気を作り上げている大切な要素となっている事に気付かされます。
それらには流行のようなものも見て取れるのですが、その移り変わりがとても速いように感じます。
そして変化の内容も面白く、驚くほど手の込んだものもたくさんあります。
以前にツルっとした光沢のある質感のものが流行り始めた時のことはとても印象に残っています。
もちろん今でもたくさんのサイトで見られる表現で、様々なニュアンスのものが生み出されているのがわかります。
しかしここ最近では、その逆をいくような、紙のようなボソッとした質感や壁のようなザラっとした実際の質感を想起させるような表現も多く見られる気がします。
それら効果が加わることで、視覚的にもですが印象や雰囲気にも奥行きのようなものがでるのだと感じます。
見れば見るほど疑似の見せ方・見え方を作る点で、とても多くの表現が編み出されていることに気付かされます。はっとさせられることばかりです。
ちょっとしたこと、たとえば1ピクセルのラインを付け加えることでも立体的な効果をだすことができます。
影ならドロップシャドウというように決め込まず、場所に応じた繊細な表現を心掛けていきたいものです。

最近サイトデザイン集を見ていたら、
ページが存在しない時に表示される「404」ページだけ集めたものがありました。
たしかに載せる内容もないので、
ここぞとばかりにグラフィックに凝っていたり、
他ページにリンクを張ってこのページ自体も利用したりとサイト色の凝縮した自由な空間になっていました。

とくに珍しいことではないのですが、
作っているもののなかに、ごく自然な形で遊びの部分を入れる方法はどのようなものがあるのか、と
ふと思うきっかけになりました。

当然モノにもよりますし、読み物として考えたら、やりすぎたものはいらない要素なのかもしれません。

でも、人が考えたあとというか、そのようなところから人間味のような部分が伝わってくるようにも思います。
サイトを閲覧していて面白みを感じる部分です。

見ていて何か上手だなとか、やり方がかっこいいとか、
丸々は真似できないにしろ、考え方などを小さなところでもいいので活かすことが出来たらいいと思いました。

こんばんは、shinです。

言葉から連想する。
作業のやり取りなどでちょっと貧困かなと思う時があります。
形にするのはこちらなので、なかなかつかみきれないととても苦しい思いをします。
そんな時ほど間違わないようにとか、聴いた言葉を強調しすぎたりと、
またそうならないようにと、作るものが消極的になってしまったり、
思い返せば、見当違いなことをしていたなと、反省は多々です。

テーマは、ほぼ毎回自分にとって近いものではないので、
いろんなところから検索しては、イメージをかき集めて膨らませていくことがだいたいなのですが、
ほかの人が何をどのように見ているのかが見えてきたり、
作業を始める前とは違うものの捉え方をしているのに気づきます。

どうしても、完全に以心伝心とはいかないものなので、
言葉自体に引っ張られすぎぬよう要望を何度も自分の中でかみくだいては、
理解する能力、またその速度、多を吸収する能力も磨いていかなければなと。
いつでも相手の想うそれ以上のことは作れていたいとつくづく思います。

読み物を読んでいて良いなと思うところや、そうでないところも感じたりして、
日常的に感じたことを作る側として応用していかなくてはと思うところです。

デザイン集などを見ていても、どのように見せたいかが節々に表れていて
こんなの作りたい、と気持ちがはやりがちなのですが個々に目的があってのことなので
そう同じものが作れるわけではありません。

でも、部分的にも参考にしたいところは山ほどあります。

使用する書体だったり、字間や行間の具合からも何かしら感じ取れるものがあります。
わずかに違うだけでも、与える雰囲気もガラッと変わるもので、

文字やイラスト、写真の使い方で読む側をその内容に促すこと、
読むための機能があり、雰囲気的なものというか人の気分にも働きかける作業なのだなと思います。

読む、見る人を内容の中に自然に引き込むようなものが作れたらと思います。

最近は食品関係の作業をすることが多いです。
食べ物の画像をよく扱うのですが、できる限りおいしそうに見せたいものです。
で、おいしそうな写真とはどんなものなのかとよくよく考えてみることがあります。
口に入るものはすべておいしいと感じてしまう、食に関して少し鈍感なところがあるので、
そのようなことに立ち止まってしまうのかもしれません。
視覚から食欲をそそるということ…
自分を振り返ってみてですが、
見ることで味や食感を想像させるだとか、
味覚による記憶をよみがえらせているのだと思います。
写真中の食物から出ている湯気などは、
匂いや温度などの記憶も喚起させているように思います。
また対象の食べ物がおかれている空間の演出も一つの方向付みたいなもので、
食する場所や時刻などの情報を盛り込むことで、
自分の中のちょっとした記憶が触れてそれが想像へと膨らんでいっているように思います。
好みの問題はそれぞれですし、全般的に当てはまるというのは、ほぼ不可能ですが、
こちら側のできることをよく考えて提示していけたらと思っています。

作業上、使用する画像は主にクライアントにいただいたものであったり、
素材集から探してきたものだったりします。
きれいで使いやすそうな画像もたくさんあります。
しかし撮った時とそれを使う時は当然違うものですし、
結局は単体で存在することはないので、何かしらの加工をすることになります。
最初の印象でどのような調整が必要なのかなど、
実際に使用する目的の場所に配置してみて、周囲との関係を見ます。
フォトショップ、ファイヤーワークスで画像補正する際、
多用するのが「レベル補正」です。
こう思ってよいか分かりませんが、直観的で使いやすいツールで、
手をかける必要がないと思っていた画像もガラッと印象が変わったりして、
加工の基準点が見つかったりします。
画像の処理をしていると、処理に麻痺してしまうことが多々あるので、
一旦離れて見てみたり、ただバランスがよいということに頼りすぎないよう、
あくまで用途を優先した客観的な視点を心掛けていきたいものです。