撮影時に知っておけばバランスが良くなる構図の12つのパターンが思わず使いたくなる。「それっぽく見えるレイアウト」や「視線を誘導させるレイアウト」も

2021/11/30 1212 users 構図 視線 パターン バランス 撮影時

ナナ👀デザナビ｜デザインを図解で解説 @wkwdesigner フォローするだけでデザインのヒントが見つかる💡初心者向けデザインテクニック・Tips／デザインのポイントを図解付きで解説💡 ツイートだけではわかりづらい部分はブログで詳しく解説✏️ wkwkdesign.com 続きを読む

配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド｜Taiki IKEDA｜note

2019/03/14 1182 users Taiki Ikeda 配色 Note メソッド UIデザイン

今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様が... 続きを読む

全ての人が知っておくべき 見やすい資料をつくるための9つの黄金テクニック - ひつじの雑記帳

2017/04/08 1862 users スライド ポスター ひつじ 見やすい資料 雑記帳

2017 - 04 - 08 全ての人が知っておくべき 見やすい資料をつくるための9つの黄金テクニック デザイン レイアウト スライドやポスターなどの資料作成において一番重要なものは「内容」です。しかし、それに並ぶくらい「デザイン・レイアウト」も重要となります。見づらいデザインのせいで、せっかく長時間かけて仕上げた資料が台無し...なんてことも十分にあり得ます。 あなたは読み手に優しい「見やすい資... 続きを読む

日本語対応！CSS Flexboxのチートシートを作ったので配布します | Webクリエイターボックス

2017/03/30 1264 users チートシート CSS flexbox Flexbox 通り

FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。現在ほとんどすべての最新ブラウザーでFlexboxをサポートしており、Flexboxを使ったレイアウト組みが今後のWebデザインのスタンダードとなるでしょう。Webクリエイターボックスでは 以前からFlexboxの使い方について紹介してきた のです... 続きを読む

【エクセル】数字を並べるだけじゃセンスがない! 表を劇的に見やすくするレイアウトワザ4選 | GetNavi web ゲットナビ

2017/03/27 1142 users 必須 セル 縞模様 変換 エクセル表

数字がたんたんと並ぶエクセル表ってとっつきにくいですよね。見やすくするには「テーブル機能」が便利です。例えば、表に縞模様をつけて見やすくしたり、データバーを使ってセルに横棒グラフを表示できたりします。今回は、見やすい資料作りに必須な表のレイアウトワザを紹介します。 1.表に縞模様を付ける 表に縞模様を付けるには、テーブル機能を使います。レイアウトを残したままテーブル機能を解除するには、「範囲に変換... 続きを読む

全ての人が知っておくべきデザイン・レイアウトの基本ルールとテクニック15選 - Literally

2016/10/22 1965 users 法則 ルール 構成 黄金比 日々

2016 - 10 - 22 全ての人が知っておくべきデザイン・レイアウトの基本ルールとテクニック15選 TIPS デザイナーでなくとも、デザインについてのいくつかのルールを知っておくと、日々の生活で何かと役に立つ。今回は、誰もが知っておくべきデザインのルール・テクニックを紹介する。 1. 便利な1/3法則を覚えよう レイアウトや写真の構成を考えるときには、黄金比 *1 よりも「1/3の法則」が便... 続きを読む

これからのCSSレイアウトはFlexboxで決まり！ | Webクリエイターボックス

2015/02/24 1232 users Fle Flexbox ブラウザー 前々 モダンブラウザー

FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。前々からあった技術ですが、ブラウザーによって書き方が違ったり、仕様がころころ変わったりと、イマイチ一歩踏み出せない感があったFlexbox。しかしようやくモダンブラウザーでの利用に難がなくなり、実務にも充分使えるようになりました。今回はそんなFle... 続きを読む

コンパクトな6畳の部屋、インテリアのコツは？ 家具の配置や色数を工夫して暮らしやすく - はてなニュース

2014/07/15 1050 users 配置 インテリア 家具 コツ 本棚

1人暮らしを始めるとき、部屋を探しているとよく見かける「6畳」の間取りの部屋。内見の際は広く感じても、いざ引っ越しを済ませ、ベッドや本棚などを配置すると狭く感じるかもしれません。そんな6畳の空間を有効活用する、インテリアのコツをまとめてみました。 ■ ベッドはどこに？ レイアウトのコツ ▽ ベッド 通販｜家具・インテリア・収納の生活雑貨 家具などを販売する「生活雑貨」のサイトでは、ベッドの配置方法... 続きを読む

効率的に学べた！Webデザインを「職種別」に基礎から勉強出来る総まとめ | コムテブログ

2014/01/06 1072 users コムテブログ 職種別 基礎 webデザイン ワイヤーフレーム

Web制作において、Webデザイナーに関係するものを職種別にまとめました。会社によって分け方は違うと思います。今回は参考サイトとスライドを掲載しています。 もくじ アートディレクター １．アクセシビリティ ２．ユーザビリティ ３．UX（ユーザーエクスペリエンス） ４．IA（情報アーキテクチャ） ５．画面設計（ワイヤーフレーム） ６．進行管理 Webデザイナー ７．レイアウト・フォントの知識 ８．配... 続きを読む

新人必見！倍速かつ高品質なバナーを作るためのコツを全公開します | nanapi TechBlog

2013/10/02 8992 users nanapi TechBlog バナー nanapi コツ

はじめに こんにちは、デザイナーのyunicoです。nanapiではタイアップ記事なども扱っているため、バナーを作る機会も多くあります。今回はわたしが実践している「倍速かつ高品質なバナーを作るためのコツ」をまとめて紹介します。 まず、貰ったワイヤーは見過ぎない 一番はじめのコツとして、貰ったワイヤーや、参考にしてと渡された別バナーなどを見過ぎないことです。そのままの構成に引っ張られ、レイアウトのア... 続きを読む

最低限覚えておきたいWEB配色の基本２大原理と６つの配色パターン | バズ部

2012/06/05 1637 users 配色パターン Web配色 バズ部 最低限 コンバージョン

WEBサイトのデザインは、誰もが頭を悩ませる部分だ。「どういう配色なら良い印象を持ってもらうことができるのか？」「どのレイアウトならコンバージョンが上がるのか？」など、様々なところまで考えを張り巡らさなければいけないからだ。 そこで本日は、The Art of Color Coordination というインフォグラフィックをご紹介する。これを見れば、WEB配色の基本の２大原理と、今すぐに使える６... 続きを読む

売れるランディングページデザインの１０の特徴 | バズ部

2012/05/04 1111 users バズ部 ランディングページデザイン ランディングページ 一定

ランディングページのデザインは、インターネットの技術の向上に合わせて変遷している。それに伴い、高いコンバージョンを見込めるレイアウトも、めまぐるしく変わっている。 しかし、結局、どのビジネスも最終的には似通ったデザイン/レイアウトに落ち着いていく。 なぜなら、結果を出すランディングページデザイン/レイアウトには、ある一定のルールのようなものが存在するからだ。そして、そのルールに則ってランディングペ... 続きを読む

海外のAmazonを有効活用して安く買い物をしよう！ - 裏技shop DD

2012/04/30 2035 users 裏技shop Amazon.com Amazon 税制 買い物

※ただし、税制は随時変わっていくためVAT分が引かれない場合もあります。 レイアウトが同じ 海外のアマゾン（Amazon.com）以外は、日本のアマゾンとページレイアウトが一緒なので、日本のアマゾンで買い物したことがある人なら、たとえその言語がわからなくても比較的容易に買い物ができます。 思ったより早い これは私の事例ですが、Amazon.esでとあるものを注文した際に3日で到着しました。海外通販... 続きを読む

配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう！｜Webpark

2012/03/18 3126 users ウェブサイト 言い訳 分野 基礎 すばらしい記事

自分が作ったウェブサイトを見て、「センスないな」とへこむことはありませんか？ 私はよくあります。色使い、レイアウト、写真、文章などなど、どれをとってもセンスないなとへこんでいました。 けど、センスがないのではなく、単に基礎を勉強していないだけということに最近気づきました。センスはもっと高い次元の話でした。 ということで、センスを言い訳にしてしまいがちな分野の基礎を学べるすばらしい記事を集めました。... 続きを読む

良いデザインって？技術を学ぶ前に知っておきたいデザイン・レイアウトの基本的なこと | 秋田県webデザイナー【weblog】

2012/02/23 2085 users CSS Illustrator Weblog HTML センス

デザイナーになりたいって思った時にPhotoshopやIllustrator、cssやhtmlを勉強しなきゃな〜><て考えると思うのですが、技術的なことを学ぶ前にまずデザインが出来なきゃ始まりませんよね。 センス？かっこ良さ？奇麗さ？良いデザインにしたいけど、何をしたらいいかわからない。そんな時に何を考えたら良いのかデザインの基本をまとめてみようと思います XD はじめに 良いデザインって？ 最良... 続きを読む

【1R】狭い部屋のレイアウト・インテリア画像集【1K】 - NAVER まとめ

2012/02/10 1896 users NAVER シャッフル 狭い部屋 オシャレ インテリア

一人暮らし(112)インテリア(386)オシャレ(376) シャッフル 【1R】狭い部屋のレイアウト・インテリア画像集【1K】 続きを読む

Webサイトの制作スピードを、より向上させる目的で作られたスターターキット・99lime - かちびと. net

2012/01/21 1308 users net 備忘録 目的 タブ Webサイト

結構参考になったので備忘録がてら ご紹介。Webサイトの制作スピードを より向上させるために、汎用的なUI を集めて、マークアップも綺麗な状態 で済むように設計されたスターター キット、というかフレームワークです。 制作スピードを向上させる目的で作られたHTML5フレームワークです。レイアウトだけでなく、汎用的なUIも備わっていて、class名1つ付けるだけでタブやスライドショーを実装出来るように... 続きを読む

CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ

2011/11/07 2951 users z-index フロート 必須 CSS 配置

CSSの視覚整形モデルについてのまとめです。CSSでレイアウトするときに必須な配置についてのレポートです。フロート、相対配置、絶対配置、z-indexなどはもちろん、通常フローや包含ブロックなど、基本的な部分をまとめてみました。最近改めて CSS の基本、要素の配置、レイアウトについて学習しました。過去に CSS でのレイアウトなどの記事を書いた事があるんですけど、改めて勉強してみたら、いろいろ間... 続きを読む

様々なCSSレイアウトをダウンロードできるサイトをまとめた「465+ Useful CSS Layouts for Download」 | DesignDevelop

2011/10/29 1005 users DesignDevelop CSSレイアウト 随分 ベース

様々なCSSレイアウトをダウンロードできるサイトをまとめた「465+ Useful CSS Layouts for Download」 WEBでは様々なデザインレイアウトがあり、クリエイティブで大きな差はできますが、基本のレイアウトはある程度決まっており、制作する上で、ベースとなるレイアウトテンプレートがあるだけで随分と楽になります。今日紹介するのは様々なCSSレイアウトをダウンロードできるサイト... 続きを読む

クライアントワークでよくお世話になっているjQueryプラグインいろいろ

2011/09/20 1198 users クライアントワーク GPL jQuery MIT ライセンス

仕事での Web制作、クライアントワークで使っている jQueryのプラグインをまとめてみました。ちょっと変わった？レイアウトを組むときに重宝しています。色んな jQueryプラグインがありますが、クライアントワークで使っているので、ライセンスはMIT、GPLのものばかりです。私が仕事でWeb制作をする時に、よく利用させてもらっている jQueryのプラグインをまとめてみました。ライセンスは MI... 続きを読む

Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した - かちびと.net

2011/08/09 1249 users ユーザービリティ ケースバイケース ユーザビリティ 復習 理想

ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基本的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、という事を忘れない ようにメモ書き。 というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。 そもそもこのブログ自体ユーザビリティを考慮した設計... 続きを読む

デザインの基礎力をワンランクアップしたい私（Webデザイナー）の注意書き

2011/05/05 2562 users インスピレーション 注意書き DTPデザイン 基礎 印象

デザインの基本、基礎、レイアウトについてDTPデザインから学んだことをまとめてみました。レイアウトの基本、版面率や図面率、それからジャンプ率やホワイトスペースなど、デザインの印象を左右するレイアウトの基礎、基本の注意書きです。インスピレーション BeginnerDesign Share Webデザインは紙の上のデザインと違うところも多いと思います。でも同じデザイン、歴史あるDTPデザインから学ぶこ... 続きを読む

部屋のレイアウト・インテリアの参考になるサイト40選まとめ | ラジック

2011/04/14 1685 users Tweet ラジック 雑学 豆知識 住人さん

部屋のレイアウト・インテリアの参考になるサイト40選まとめ 2011年04月15日 00:01 豆知識/雑学/役立ち Tweet 1：774号室の住人さん：2010/12/02(木) 12:32:23 ID:bOTQd852 部屋のインテリア・レイアウトついて語るスレです。 参考になる情報、サイトなどがあったらどんどん挙げていきましょう。 3：774号室の住人さん：2010/12/02(木) 23... 続きを読む

ASCII.jp：絶対見ておきたい有名企業のスマホサイトまとめ

2011/02/21 2152 users ASCII.jp 有名企業 スマホサイト iPhone iOS

iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実... 続きを読む

一人暮らしの部屋、レイアウトの参考写真集 - NAVER まとめ

2010/02/11 2480 users レイアウトどうし NAVER 部屋づくり 参考 部屋

この春から一人暮らしで心躍る、新生活楽しみな方沢山いらっしゃいますよね。どんな家具買おうかな、部屋のレイアウトどうしよっかなって想像するだけで楽しい！　あなたの部屋づくりの参考になれば幸いです♪ 続きを読む