dorayakiBlog

~興味ある事について書いてます~

スキューアモーフィズムとフラットデザイン

一、二年前からパソコンやスマートフォンなどのユーザーインターフェイスまわり全般のデザインが、スキューアモーフィズムからフラットデザインへとシフトし始め、いまや完全に移行した感がある。

スキューアモーフィズムとは、立体感や質感を強調し、ユーザーインターフェイスなどのパーツやその全体のデザインを、よりリアルに本物のように見せるデザインの様式である。
Macintoshに始まる(始祖ではないが)、直感的な分かりやすいグラフィックによるユーザーインターフェイスの頃から、フォルダなどのアイコンやウィンドウはそのようなスキューアモーフィズムの要素を性質上からか少々持っていたし、他の個人や企業の開発したパーツとしては立体感を強調した物もあったが、やはりiPhoneなどのスマートフォンのアプリや操作画面などのユーザーインターフェイスで決定的に市民権を得た様に思える。

そしてフラットデザインとは、スキューアモーフィズムとは正反対に立体感も質感も無くし、平たい平面構成で図や形象を表す。
立体感が強調されたスキューアモーフィズムの後に出てきただけに、その平面さがより強調され、あっさり感、言い換えるならばスマートさを演出する。
平面的なデザインはアナログでもデジタルでも古くからあり、初期・中期のパソコンやゲームや携帯電話用のWebサイト・Webサービス上でもフラットなデザインという物は部分的にはあった。とはいえ、それはドット絵などに代表される、2D表現の技術的な限界によるものだ。しかしそれは初期の、現在と比較すると低性能のハードの時代の話で、ハードの進化により2D表現は3Dに迫りもしくは超え、代え難いものに現在進行形でなり続けてはいる。
ただ改めてフラットデザインとしてスキューアモーフィズム後に洗練され世に出てきた最初のものは、Windows8のデスクトップ画面が印象に強く残る。


初期のスマートフォンは、前時代の携帯電話とのグラフィック・機能性などの表現の力の違いを見せつけ、スキューアモーフィズムの様式がそれに一役買ったと考える。
近年では、スマートフォンがスタンダードになりはじめ、フラットデザインによりスタイリッシュに洗練され、そのデザインが想起させる使いやすさのイメージと共に、その普及を助け、更なる一般化に一役買うのではないかと考える。

とはいえ、
スキューアモーフィズムもリアルな描写技術を必要とし、
フラットデザインも、スキューアモーフィズムとは逆にシンプルかつ少ない要素で機能性や象徴性などを構成そして表現する必要がある。
どちらも違う種類の難しさと面白さを持つ。

しかしこういったデザインは移り変わり流れていく。
なのでフラットデザインがいったん出尽くしたら、もしくは人々が飽きたら?、上回るスキューアモーフィズムなどの様式のデザインが現れたら、かどうかは分からないがスキューアモーフィズムがまた再度復権するかもしれない。
またはスキューアモーフィズムが凸的であったので、凹的なへこんだデザインがWebデザインでは流行るかもしれないという説もある様な無い様な。

すべてのデザインは移り変わり流れる。求められる機能性は当然その時代において変わる。ブランドイメージを訴求するようなビジュアル面においても。古くからブランドアイデンティティを持つ老舗のブランドイメージの様なデザインにおいても核の部分は変わらないにしても。
そして何クールか置いて回帰する。
しかし、それは前回とは違う進化を含んだ新しい形と意味合いを持って私たちの前にその姿を現す。

人間性の破壊や、機械に仕事を奪われたり、核に滅亡させられたりが文明の進化のネガティブだとも考えられるが、
ポジティブに考えるならば、
そのようなデザインの進化にも、
ただ円周上を回っているのではない、未来へ進む時間軸の進行方向に螺旋を上って行っているような感覚が様式(スタイル)の妙であり文明の確実なる進歩の一端なのかな、とも私は考える。

カテゴリ別記事一覧
・絵画技法
ポワンティエという絵画技法
ポワンティエの仕組みについて
アラプリマ技法のコツ
スカンブル技法
グレーズ(グレージング)技法
スフマート技法
グリザイユ画法
インプリマトゥーラ
ファットオーバーリーン
ウェットインウェット
スパッタリング
絵の耐用年数
絵の耐久力
絵や印刷物の保存方法
絵具のつや消し
つや消しの絵具
つや消しの原理
つや消しの絵が好まれる理由
絵を描く姿勢
絵の描き方とは
黒い物体の描き方
補色対比を利用した描き方
透視図法とは
彩色について
陰影のつき方
・水彩、アクリル絵具、他
アクリル絵具の特徴
アクリル絵具の道具
アクリル絵具を使う時に気をつけたい事
アクリル絵具の弱点
アクリル絵具を落とす方法
アクリル画に必要な道具
アクリルニスの塗り方
水彩画の絵やイラストをうまく描くコツ・方法
アルキド樹脂絵具について
・油彩
油絵を描く道具
乾燥促進剤の種類
樹脂ワニスの種類
乾性油の種類
画用液の調合の方法
揮発性油の種類
油絵を描く時の臭い
シルバーホワイトという絵具
シルバーホワイトとチタニウムホワイトを混ぜる
混色制限の無いウルトラマリンブルー
油絵具で紙に描く方法
油絵用の画用紙
紙に油絵具で描く
油絵専用画用紙アルシュオイルパッドについて
油絵の具でイラストを描く
油絵具を速く乾燥させるには
油絵の臭いを減らして描く
油彩筆の洗い方
グレーズの画用液について
スタンドオイルやベネチアテレピンについて
ブラックオイル(クサカベ)のレビュー
ストロングメディウム
高品位油絵具ヴェルネ 使用感
樹脂油絵具について
・画家
フェルメールブルー
印象派モネの技法
印象派ルノワールの技法
ハマスホイについて
「バルテュス 猫とアトリエ」を読んで
続「バルテュス 猫とアトリエ」を読んで - 技法面で気になった部分について -
・美術
画家は長生きなのか?
絵はお金のかからない趣味なのか?
画家の映画
5分で分かるざっくり西洋美術史
鉛筆の硬度Fとデッサンなどでの用途
下手も絵のうち について
心が哭くという事 芸術創作の動機
絵を描くときの眼の使い方
仕事しながらの創作について
美術館でのマナーについて
よく行く画材屋について
百均の絵具
チタニウムホワイトの特徴
ビスマスイエローの特徴
紙パレットの利点
空はなぜ青い
天然の軟毛筆について
筆の置きどころ
アートは必要ないか
アート(芸術)とは何なのか?を考える
美術の授業は必要なのか
コロナ禍の美術鑑賞
絵の飾り方
絵の行き着く場所
アナログ画材・アナログ絵具の良い点
デジタル画材の良い点
・ウェブ・IT
NTTドコモの新料金プランのahamo(アハモ)にしない理由
スマホアプリのデジタルデトックス
Twitterでサムネイル画像を真ん中に調整する方法
レスポンシブウェブサイトの作り方
スマホはサブブランドに脱出せよ
スマホゲーム(ソシャゲ)は高過ぎる
UQモバイルへの移行費用
simロック解除の方法
mnp(ナンバーポータビリティ)の方法
スマホ・携帯ショップでタブレット契約した時の何か騙され感のある話
スマホの料金が高いのでauからUQモバイルに変えた
買い切りアプリゲームについて
スマホ依存症・中毒にならない為に
photoshop for ipad を試してみた
マイナーなジャンルなブログの描き進め方
自分のサイトの表示速度を測る方法
i pad 電源がつかない時の対処法
パソコン配布27万円について
スマホ用VRゴーグル(簡易版)を買ってみた
ながらスマホについて
iphoneのメモ帳の活用
一般人はプログラミングを学習する必要があるのか?
人はAIに仕事を奪われるのか
Amazon web servide EC2 に FTP で接続できなくなってしまったので
リファラーのアクセスを制限する
Googleへのクローラ巡回のリクエストとその拒否
Google Earth Pro を試す
Google Earth Pro を試す 追補
プログラミングをはじめたきっかけ
プログラミング言語は何から始めるかについて
一般の人が最初に実用として、どのプログラミング言語を学んだほうが良いのか
Webデザインで風流な縦書きを
iPhoneの使いみち 私の場合
Java servlet をAWS Amazon EC2 にアップロードする流れ
スキューアモーフィズムとフラットデザイン
スマートフォン等のサイトデザイン
・生活
フリーランスは国民年金基金に加入した方が良い
クレジットカードで家計簿
温かい飲み物を買わない
しみ込みチョコパフについて
依存症の原因とは
生きる意味とは?について
ペットボトルは買うな
突然の訪問は少し怖い
風邪をひかない方法
サンシェードの日除けの効果
なぜ人は隅に座るか(電車や席など)
一人遊びの才能
あいさつする意味
好きな事を仕事にしたほうがいいと思う理由
クリエイターと消費税
楽に掃除する方法
持たない手ぶら生活
イノベーションはどこにある
伝記を読む意義

Name:ドラ焼き
今は油絵具でイラストを描いてます。webプログラミングもやってます。 このブログでは絵や興味ある事について書いてます。Twitterにて近作のイラストもアップしてます。アカウント:@dorayakiArt
アート作品はこちら ウェブギャラリー:dorayakiArt Gallery
👇このページの記事をシェアする