2017年、デザインガイドラインについて考える。｜Yuya Remmy Furusato｜note

2017/11/27 393 users デザインガイドライン root UIデザイナー エンジニア

株式会社rootのUIデザイナーの古里祐哉です（ @remmyfurusato ）。 rootでは、サービスの立ち上げやリニューアルに伴う、UI/UXデザインをご支援しています。 さて、今年を振り返えると 「デザインガイドラインに注力した」 年でした。デザインガイドラインを必要とされるクライアント様には共通点があります。 ・レイアウトパターンやパーツの使い方が定義されていないで、設計者やエンジニア... 続きを読む

ウェブデザインの文章レイアウト組みパターンを展開してみる |　バニデザノート

2015/11/15 256 users ウェブデザイン バニデザノート バナー 配置 文章

ウェブデザインの中の、バナーやサイドメニューを抜いた、文章のレイアウトパターンを展開してみました。基本はだいたいこんな感じだとおもうので、配置に困ったら試してみてください。 続きを読む

単なる流行りじゃない？！水戸黄門型レイアウトが定番化した理由を考えてみた | Webディレクターズマニュアル

2014/04/22 347 users Webディレクターズマニュアル 定番化 intl 理由 ビール

定番っていいですよね。わずかな退屈さはありつつも、安心できます。 スニーカーならオールスター、スマホならiPhone、ビールならスーパードライみたいな。Webサイトにも2012年ごろから急増し、現在では定番化したレイアウトパターンがあります。 ちなみにこのパターン▼ その代表例、Evernoteのサイト▼ http://evernote.com/intl/jp/ このパターンで商材となっているもの... 続きを読む

[使える CSS テクニック] CSSで色々なカラムレイアウト（段組）を実現する | バシャログ。

2008/05/29 297 users バシャログ CSS カラムレイアウト 構造 解説

第 2 回目は「色々なカラムレイアウト（段組）を実現する」です。 WEBサイトには色々なカラムレイアウトが使われています。 その中でも今回は最近よく使われている、レイアウトパターンをいくつかご紹介します。 2カラム固定レイアウト 2カラム固定レイアウトは、企業サイトなどでよく使われるレイアウトパターンです。 サンプルページ 2カラム固定レイアウトの解説 XHTMLの構造は以下のように設定します。 ... 続きを読む