タグ レイアウト
新着順 10 users 50 users 100 users 500 users 1000 users新人必見!倍速かつ高品質なバナーを作るためのコツを全公開します | nanapi TechBlog
はじめに こんにちは、デザイナーのyunicoです。nanapiではタイアップ記事なども扱っているため、バナーを作る機会も多くあります。今回はわたしが実践している「倍速かつ高品質なバナーを作るためのコツ」をまとめて紹介します。 まず、貰ったワイヤーは見過ぎない 一番はじめのコツとして、貰ったワイヤーや、参考にしてと渡された別バナーなどを見過ぎないことです。そのままの構成に引っ張られ、レイアウトのア... 続きを読む
白地図、世界地図、日本地図が無料【白地図専門店】
2008/8/12 利用規約を変更 2008/5/14 請求書・領収書を更新 2008/5/7 繊維素材...を更新 2008/5/1 ページのレイアウトを更新しました。 2008/4/22 一部ページのレイアウト・誤記を修正 2008/4/8 アメリカ全州のPDF白地図を公開 過去のお知らせを見る 世界や日本の白地図も無料(フリー)がいい 世界や日本の白地図が必要だけど、お金はなるべく払いたくな... 続きを読む
配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう!|Webpark
自分が作ったウェブサイトを見て、「センスないな」とへこむことはありませんか? 私はよくあります。色使い、レイアウト、写真、文章などなど、どれをとってもセンスないなとへこんでいました。 けど、センスがないのではなく、単に基礎を勉強していないだけということに最近気づきました。センスはもっと高い次元の話でした。 ということで、センスを言い訳にしてしまいがちな分野の基礎を学べるすばらしい記事を集めました。... 続きを読む
CSSでレイアウトするなら絶対覚えておきたい配置のルール:フロートや絶対配置、z-index とかいろいろ
CSSの視覚整形モデルについてのまとめです。CSSでレイアウトするときに必須な配置についてのレポートです。フロート、相対配置、絶対配置、z-indexなどはもちろん、通常フローや包含ブロックなど、基本的な部分をまとめてみました。最近改めて CSS の基本、要素の配置、レイアウトについて学習しました。過去に CSS でのレイアウトなどの記事を書いた事があるんですけど、改めて勉強してみたら、いろいろ間... 続きを読む
デザインの基礎力をワンランクアップしたい私(Webデザイナー)の注意書き
デザインの基本、基礎、レイアウトについてDTPデザインから学んだことをまとめてみました。レイアウトの基本、版面率や図面率、それからジャンプ率やホワイトスペースなど、デザインの印象を左右するレイアウトの基礎、基本の注意書きです。インスピレーション BeginnerDesign Share Webデザインは紙の上のデザインと違うところも多いと思います。でも同じデザイン、歴史あるDTPデザインから学ぶこ... 続きを読む
一人暮らしの部屋、レイアウトの参考写真集 - NAVER まとめ
この春から一人暮らしで心躍る、新生活楽しみな方沢山いらっしゃいますよね。どんな家具買おうかな、部屋のレイアウトどうしよっかなって想像するだけで楽しい! あなたの部屋づくりの参考になれば幸いです♪ 続きを読む
ASCII.jp:絶対見ておきたい有名企業のスマホサイトまとめ
iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」(スマホサイト)を開設する企業が増えている。当初はiPhone(iOS)の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実... 続きを読む
良いデザインって?技術を学ぶ前に知っておきたいデザイン・レイアウトの基本的なこと | 秋田県webデザイナー【weblog】
デザイナーになりたいって思った時にPhotoshopやIllustrator、cssやhtmlを勉強しなきゃな〜><て考えると思うのですが、技術的なことを学ぶ前にまずデザインが出来なきゃ始まりませんよね。 センス?かっこ良さ?奇麗さ?良いデザインにしたいけど、何をしたらいいかわからない。そんな時に何を考えたら良いのかデザインの基本をまとめてみようと思います XD はじめに 良いデザインって? 最良... 続きを読む
海外のAmazonを有効活用して安く買い物をしよう! - 裏技shop DD
※ただし、税制は随時変わっていくためVAT分が引かれない場合もあります。 レイアウトが同じ 海外のアマゾン(Amazon.com)以外は、日本のアマゾンとページレイアウトが一緒なので、日本のアマゾンで買い物したことがある人なら、たとえその言語がわからなくても比較的容易に買い物ができます。 思ったより早い これは私の事例ですが、Amazon.esでとあるものを注文した際に3日で到着しました。海外通販... 続きを読む
全ての人が知っておくべきデザイン・レイアウトの基本ルールとテクニック15選 - Literally
2016 - 10 - 22 全ての人が知っておくべきデザイン・レイアウトの基本ルールとテクニック15選 TIPS デザイナーでなくとも、デザインについてのいくつかのルールを知っておくと、日々の生活で何かと役に立つ。今回は、誰もが知っておくべきデザインのルール・テクニックを紹介する。 1. 便利な1/3法則を覚えよう レイアウトや写真の構成を考えるときには、黄金比 *1 よりも「1/3の法則」が便... 続きを読む
【1R】狭い部屋のレイアウト・インテリア画像集【1K】 - NAVER まとめ
一人暮らし(112)インテリア(386)オシャレ(376) シャッフル 【1R】狭い部屋のレイアウト・インテリア画像集【1K】 続きを読む
全ての人が知っておくべき 見やすい資料をつくるための9つの黄金テクニック - ひつじの雑記帳
2017 - 04 - 08 全ての人が知っておくべき 見やすい資料をつくるための9つの黄金テクニック デザイン レイアウト スライドやポスターなどの資料作成において一番重要なものは「内容」です。しかし、それに並ぶくらい「デザイン・レイアウト」も重要となります。見づらいデザインのせいで、せっかく長時間かけて仕上げた資料が台無し...なんてことも十分にあり得ます。 あなたは読み手に優しい「見やすい資... 続きを読む
Webデザインとグラフィックの総合情報サイト - MdN Interactive - Webデザイン超基本のお作法50選
Webデザインには、どんなにビギナーだったとしても、プロのWebデザイナーを名乗る人がやってしまうと恥ずかしい“マナー”ともいえる制作上のルールがあります。「知らなかった」、「教わっていない」では通用しません。なぜなら、アナタはプロなのですから。 そんな超基本の“Webデザインのお作法”を50個選定し、サイト設計、テキストデザイン、画像と色彩、レイアウト、その他の5つのテーマ別に解説していきます。... 続きを読む
部屋のレイアウト・インテリアの参考になるサイト40選まとめ | ラジック
部屋のレイアウト・インテリアの参考になるサイト40選まとめ 2011年04月15日 00:01 豆知識/雑学/役立ち Tweet 1:774号室の住人さん:2010/12/02(木) 12:32:23 ID:bOTQd852 部屋のインテリア・レイアウトついて語るスレです。 参考になる情報、サイトなどがあったらどんどん挙げていきましょう。 3:774号室の住人さん:2010/12/02(木) 23... 続きを読む
最低限覚えておきたいWEB配色の基本2大原理と6つの配色パターン | バズ部
WEBサイトのデザインは、誰もが頭を悩ませる部分だ。「どういう配色なら良い印象を持ってもらうことができるのか?」「どのレイアウトならコンバージョンが上がるのか?」など、様々なところまで考えを張り巡らさなければいけないからだ。 そこで本日は、The Art of Color Coordination というインフォグラフィックをご紹介する。これを見れば、WEB配色の基本の2大原理と、今すぐに使える6... 続きを読む
スタイルシートによる崩れない 2カラム 3カラム・レイアウト
ネットサーフィンをしていると、floatを使って段組しいていて、レイアウトが崩れているサイトを時々見かけます。 ほとんどの場合が、左のみwidthを指定しているが、右に指定していない場合です。これはWINのIEでのみ段組されて表示されますが、モジラ等では、右部分は下に回りこんで表示されます。 ということで、ここでは上下にヘッダーとフッターを置いたサンプルを使いながら、メイン表示部分を左右2段にスタ... 続きを読む
Webサイトの制作スピードを、より向上させる目的で作られたスターターキット・99lime - かちびと. net
結構参考になったので備忘録がてら ご紹介。Webサイトの制作スピードを より向上させるために、汎用的なUI を集めて、マークアップも綺麗な状態 で済むように設計されたスターター キット、というかフレームワークです。 制作スピードを向上させる目的で作られたHTML5フレームワークです。レイアウトだけでなく、汎用的なUIも備わっていて、class名1つ付けるだけでタブやスライドショーを実装出来るように... 続きを読む
日本語対応!CSS Flexboxのチートシートを作ったので配布します | Webクリエイターボックス
FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。現在ほとんどすべての最新ブラウザーでFlexboxをサポートしており、Flexboxを使ったレイアウト組みが今後のWebデザインのスタンダードとなるでしょう。Webクリエイターボックスでは 以前からFlexboxの使い方について紹介してきた のです... 続きを読む
Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した - かちびと.net
ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基本的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、という事を忘れない ようにメモ書き。 というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。 そもそもこのブログ自体ユーザビリティを考慮した設計... 続きを読む
これからのCSSレイアウトはFlexboxで決まり! | Webクリエイターボックス
FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。前々からあった技術ですが、ブラウザーによって書き方が違ったり、仕様がころころ変わったりと、イマイチ一歩踏み出せない感があったFlexbox。しかしようやくモダンブラウザーでの利用に難がなくなり、実務にも充分使えるようになりました。今回はそんなFle... 続きを読む
撮影時に知っておけばバランスが良くなる構図の12つのパターンが思わず使いたくなる。「それっぽく見えるレイアウト」や「視線を誘導させるレイアウト」も
ナナ👀デザナビ|デザインを図解で解説 @wkwdesigner フォローするだけでデザインのヒントが見つかる💡初心者向けデザインテクニック・Tips/デザインのポイントを図解付きで解説💡 ツイートだけではわかりづらい部分はブログで詳しく解説✏️ wkwkdesign.com 続きを読む
クライアントワークでよくお世話になっているjQueryプラグインいろいろ
仕事での Web制作、クライアントワークで使っている jQueryのプラグインをまとめてみました。ちょっと変わった?レイアウトを組むときに重宝しています。色んな jQueryプラグインがありますが、クライアントワークで使っているので、ライセンスはMIT、GPLのものばかりです。私が仕事でWeb制作をする時に、よく利用させてもらっている jQueryのプラグインをまとめてみました。ライセンスは MI... 続きを読む
配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド|Taiki IKEDA|note
今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様が... 続きを読む
【エクセル】数字を並べるだけじゃセンスがない! 表を劇的に見やすくするレイアウトワザ4選 | GetNavi web ゲットナビ
数字がたんたんと並ぶエクセル表ってとっつきにくいですよね。見やすくするには「テーブル機能」が便利です。例えば、表に縞模様をつけて見やすくしたり、データバーを使ってセルに横棒グラフを表示できたりします。今回は、見やすい資料作りに必須な表のレイアウトワザを紹介します。 1.表に縞模様を付ける 表に縞模様を付けるには、テーブル機能を使います。レイアウトを残したままテーブル機能を解除するには、「範囲に変換... 続きを読む
売れるランディングページデザインの10の特徴 | バズ部
ランディングページのデザインは、インターネットの技術の向上に合わせて変遷している。それに伴い、高いコンバージョンを見込めるレイアウトも、めまぐるしく変わっている。 しかし、結局、どのビジネスも最終的には似通ったデザイン/レイアウトに落ち着いていく。 なぜなら、結果を出すランディングページデザイン/レイアウトには、ある一定のルールのようなものが存在するからだ。そして、そのルールに則ってランディングペ... 続きを読む