Webデザイントレンド in 青森(2014/02/01)

昨年12月14日に東京で行われた「CSS Nite LP, Disk 31: Webデザイン行く年来る年(Shift7)」中のセッション「Webデザイントレンド」を青森版として開催。
1
CalmTech @calmtech

CSS3でのアニメーションは自由じゃないので、JSでがんばってるスクロール芸が…タブレットだとパフォーマンス低いので、普通のサイトに。そっちのが分かりやすい件。#wdha036

2014-02-01 15:39:41
すどうまさゆき @mikubell

Web屋さんではないので、正方形と円形(正円)以外のデザインが取り入れられていると、実装どうやってるんだろう的なモノが多くて震える。 #wdha036

2014-02-01 15:44:54
すどうまさゆき @mikubell

MacBook Airみたいな画面の狭いPCだと、変化が見えないような作りとかあるんだ… #wdha036

2014-02-01 15:49:57
CalmTech @calmtech

ナビゲーションドロワーね、いつもなんだかなーと思う。配置は右上なの?左上なの?で悩むし、横スライドなの?縦なの?とか。一貫性がないパーツはUIには悪。#wdha036

2014-02-01 15:56:16
CalmTech @calmtech

後半がはじまりました!次は、上場・グローバル企業編です。リニューアルしたのは、対象の約10%程度。さて、どういった内容なのか? #wdha036

2014-02-01 16:14:00
WDHA @wdha_info

後半編、始まりました!ここから国内企業・自治体のWebサイト中心にお話いただきます。 #wdha036

2014-02-01 16:14:34
CalmTech @calmtech

フラット化へは段階がある。なぜフラット化が必要なのか?という部分が、各プロジェクトでどう議論されているのか非常に興味深い。 #wdha036

2014-02-01 16:14:57
CalmTech @calmtech

色数が少なくなり、装飾も少なくなり。フラットと貧相は違うし、シンプルと貧相も違う。 #wdha036

2014-02-01 16:16:36
CalmTech @calmtech

アイコンがピクトグラム化しているけど、アイコンは初見向きではないという議論が抜けてるケースが多いよね。繰り返し使う場合の省スペース化という手段のひとつなわけで。#wdha036

2014-02-01 16:19:14
WDHA @wdha_info

ご質問やご意見などございましたら、Twitterでも受け付けています。ハッシュタグは #wdha036 です。

2014-02-01 16:19:25
CalmTech @calmtech

JINUSHIビジネスの視覚的破壊力がはんぱない件。#wdha036

2014-02-01 16:25:06
CalmTech @calmtech

ホバーしないと何があるか分からない。http://t.co/6DsXStuw6I #wdha036

2014-02-01 16:25:54
CalmTech @calmtech

フラットとかグリッドを色々なところで使い出して間もないからなんだろうな。モバイルを意識するのも未成熟というか。今回は、なるほどなーじゃなくて、えー・・・なサイトが多い。#wdha036

2014-02-01 16:27:50
CalmTech @calmtech

モバイル的見た目で対応してるっぽいのにそのまま表示される丸紅さん。タップするとサイズが最適化されるじゃない?とか思ったのかなー。 http://t.co/132p7wk9We #wdha036

2014-02-01 16:29:12
CalmTech @calmtech

配色を中心にした議論へ。ボタンの数分だけ色ができてしまうデザインが残り続けるだろうなという予想。日本的というべきか。#wdha036

2014-02-01 16:31:52
CalmTech @calmtech

ブランディングにおける配色の話。クリンスイは、浄水器だけど売り場が青系ばかりなので赤にしたという例。#wdha036

2014-02-01 16:35:33
CalmTech @calmtech

ゆるキャラ推しwww洗練させないwww原さんのワードチョイスは毎回毎回、神がかっておりますw #wdha036

2014-02-01 16:38:26
CalmTech @calmtech

自治体サイトで、人口の多さや自治体の売りでサイトの作りが分かれる。観光資源が豊富で人口が少ないところだと観光客向けにスプラッシュがあったりする。#wdha036

2014-02-01 16:42:51
すどうまさゆき @mikubell

観光資源がある場合は、それをアピールするためのスプラッシュなんかがある。それは人口としても少なめな自治体が多い・・・納得。 #wdha036

2014-02-01 16:44:39
すどうまさゆき @mikubell

主に住民が得たい情報と外からの人が得たい情報の2つが混在するから、自治体自体もそうだろうけど、サイトの方向性や内容を決定していくのが大事やねぇ。 #wdha036

2014-02-01 16:48:27
CalmTech @calmtech

自治体の作り込まれたフッターに、高機能ナビゲーションのひとつのアプローチを見た。#wdha036

2014-02-01 16:50:34
すどうまさゆき @mikubell

ゆるキャラでポジティブに破壊するw (原) #wdha036

2014-02-01 16:53:20
すどうまさゆき @mikubell

今はシンプル(質素、簡素、本質を突いた形)だけど、7年後はまたリッチデザインな感じ? #wdha036

2014-02-01 17:13:05
WDHA @wdha_info

質疑応答が始まりました!JavaScript、パララックス、スクロール芸など、「動き」について議論中 #wdha036

2014-02-01 17:32:13
WDHA @wdha_info

本日、全セッションが終了いたしました。ご参加いただいた皆さま、外はとても寒いので気をつけてお帰りください。ありがとうございました。 #wdha036

2014-02-01 17:59:44