ただのワイヤーフレームと一歩差をつける！作成するときの10のコツ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Webディレクターのなべちゃんです！ 今回はWebサイト制作では欠かせない、サイトの骨格である「ワイヤーフレーム」の作り方について、紹介していきたいと思います。 LIGではデザイナーがワイヤーフレームを作成することが多いのですが、今回は先輩ディレクターでありデザイナーでもあるほそさんにフィードバックをいただきながら作成していきました。 お客様にとって内容がわかりやすいのはもちろん、デザイナーにとってもデザインしやすいという観点でのフィードバックが、目から鱗の内容だったので、今回学びのアウトプットとしてまとめていきたいと思います！ そもそもワイヤーフレームとは 冒頭でチラッと書きましたが、サイトの骨格・情報の設計図のようなものです。 Webサイトを作成するときに、いざデザインをするとなると、この情報は必要なかった、この情報は入れてほしい、表示順を変えてほしいと出戻りが起こってしま
ひと目で伝わる！グラフ作りの基本とデザインのコツ｜PowerPoint Design
プレゼン資料作りにおいて、避けては通ることのできない要素である「グラフ」。ときに数字だけではおぼろげなデータも、線や面などのビジュアルを得ることで、伝えたいメッセージがいっそう際立ってきます。グラフの基礎的な使い方と、効果的なデザインのポイントを紹介します。 当記事で扱うグラフについて 当記事では、グラフの中でも利用頻度の高い「棒グラフ」「円グラフ」「折れ線グラフ」の3つを対象に、それぞれの特徴や用途、伝わりやすく見せるコツを紹介しています。 当記事の利用シーン 記事中で紹介するノウハウは、プレゼンテーションなど、短時間で簡潔なメッセージをやりとりすることにフォーカスしています。基礎研究やビジネスインテリジェンスなど、大量・複雑なデータの分析用途とは目的が異なる点にご注意ください。
WEBやバナーで使える！クリックボタンのデザイン８種類をまとめました！ | デザイン研究所
こんにちは、読むだけでデザインを学べる！デザイン研究所です！ デザイン特化のメディアでは国内最大級のTwitterとインスタグラムを運営しています。 WEBデザインやバナーでよく使うボタンのデザイン。ボタンの機能はなくともチラシのデザインなどでも使われていると思います！ 今回の記事ではそんなボタンについての記事を8種類＋注意点を紹介！ ボタンのデザインはスタイルと装飾の2つのカテゴリーに分けて考えることができます！ 【保存版】ボタンのデザインまとめ pic.twitter.com/v5xBvYXuXG — デザイン研究所 (デザ研) (@designkenkyujo) January 5, 2021 WEBやバナーで使えるクリックボタン！デザインのスタイルを4種類紹介！ボタンデザインの1カテゴリーであるスタイルを4種類紹介します！ 線図形あるいは塗り図形で作る基本パターン角の丸いボタン塗り
女性向けのデザインや高級感あるデザインの作り方！ポイントは飾り罫を使う | デザイン研究所
女性向けデザインの作り方！飾り罫を効果的に使おう！ こちらが今回のデザインサンプルです。 デザインの随所に飾り罫を使っています！ 飾り罫。これみなさん読めますか？これはかざりけいと読みます！装飾された線のことをそう呼びます。 この飾り罫は無料素材が豊富でデザインに物足りなさがあるときに追加すると素敵な雰囲気になります。 今回のような女性的なデザインや招待状などの高級感あるデザインにもうってつけです！ 素材も多様で使い方も多様です。今回のデザインサンプルでは、、、、 ①線の枠に絡むような飾り罫と、 ②タイトルの左右に配置した飾り罫 そして③左右と左下と右下に配置した繰り返しの要素としての飾り罫。 このデザインの中だけでも3種類ほどの使い方をしています！ 素材サイトはたくさんありますがイラストACがおすすめです。 検索窓で飾り罫と入力するとかなり多くの素材がセットでDLできます。(他のサイトは
デザイナーが教えるトンマナの意味とデザインの一貫性を出すコツ
トンマナはデザインをしているとよく耳にする言葉です。 デザインやブランディングをする上でこのトンマナは非常に重要になります。
デザイナーが編集ツールをさわる前におこなう６つの大切なこと。
グラフィックデザイナーのつだしんごさんのツイートからです。デザイナーが編集ツールさわる前におこなう６つの大切なことをまとめてくれています。デザインが苦手な方はこの大切な家庭をとばしてしまっているかも・・・と。下記の編集前工程を大切にしてみるとデザインしやすくなるかもしれませんね。
枠のデザインを16種類紹介！シンプルやおしゃれ、かわいいフレームまとめました！ | デザイン研究所
こんにちは、読むだけでデザインを学べる！デザイン研究所です！ デザイン特化のメディアでは国内最大級のTwitterとインスタグラムを運営しています。 今回のテーマは枠！色んなデザインに枠は使われいてるかと思います。 今回の記事ではそんな枠についての記事を16種類紹介！ 確実に枠に対してのデザインの幅を広げてくれるかと思います。最後には注意点も書いてますのでぜひ最後まで記事をご覧ください！ 基本形以外の枠のデザインを5種類紹介！枠の種類を解説していきます！枠の基本として長方形、楕円形、三角形などがありますが、その他にも色々と種類が存在します！ 基本形以外の5種類の枠を見ていきましょう。 フレームデザイン切り取り枠ぶっとい外枠流体シェイプその他の枠枠の種類①：シンプルなフレームデザイン 大きな線だけの枠を使うフレームデザインの紹介です！ 上のサンプルデザインでは上が隠れていますが、全面に配置す
美しいデザインにシンメトリーを。実践しやすい3つの対称性を解説します！ | デザイン研究所
シンメトリーを取り入れたデザインの紹介 こちらが今回のデザインサンプルです。 対象物を左右や上下に配置しています。 対称となるように配置することでデザインは美しくなります。これをシンメトリーの法則といいます！ 今回のデザインサンプルでは文字と線と波線のオブジェクトが上と下に対称になるよう配置しています。このシンメトリーは古くから建造物などに見受けられる法則なのです。 このように上下で対称的に配置したり、左右で配置したり。また左上と右下、右上と左下など。なお中央に左右対称のモノを配置することでも簡単に作れます！ ▲左上と右下に配置したオブジェクト ▲上下に配置した詳細はクリックのデザインと水平線 実はシンメトリーの逆もあります！それがアシンメトリー。非対称です。 今回のデザインサンプルでは上下を除いた中央のデザインはあえてランダムに配置しています。ある意味アシンメトリー。 ▲非対称にランダム
コラム記事一覧｜LINEヤフー for Business
運用テクニック 更新日 2024.08.20 LINE広告の仕組みと特徴とは？配信面の種類や費用を総まとめ
2020年はこれがくる！？webデザイントレンド | ノウハウ | ルート・シー Plus／ルート・シーのオウンドメディア
こんにちは。広報チームの澤田です。 2017年から続くwebデザイントレンド予測！ 今年はデザイナーさんだけでなく、エンジニアさんにも「これが来てる！」を訊いてみました！ 2019年の秋頃にiOSとAndroidの最新版でダークモード表示がサポート開始されたことで、ダークモード用のデザインを用意するサービスが増えています。 LINE、Twitter、InstagramなどのSNSも続々とダークモード対応が始まっていて、先日、iOS版のLINEもダークモード対応がはじまったというニュースが出ていました。 どうやってダークモードに対応するかというと、CSSにメディアクエリの @media (prefers-color-scheme: dark) をつかって、ダークモード用の記述を設定するだけ！ あとはOS側でダークモードの設定にすると、CSSが読み込まれて設定が反映されます。 ダークモードのメ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
イラレ・フォトショで部分的にグラデーションを適用するやり方！ | デザイン研究所
LINE広告の効果を高めるクリエイティブ制作のコツを教えてください！／LINE クリエイティブチーム・中根めぐ美さんに聞いてきた | Webのコト、教えてホシイの！
デザイン初心者が素材の利用で気をつけるべき注意点！おすすめサイトも紹介 | デザイン研究所
けっきょく、よはく？余白を活かした吹き出しデザインの作り方を解説！ | デザイン研究所
https://hataraku.vivivit.com/column/typography_1909
シンプルなデザインや堅めなデザインに！吹き出し使わず引用符で表現！ | デザイン研究所
一味違ったデザイン作るにはただの楕円形や長方形から卒業しよう！ | デザイン研究所
【最強デザイン本】大ヒットシリーズの最新作「あたらしい、あしらい。」【理想の先輩】 | フリーランス主婦サイトウさんのブログ
かっこいい！イケてる！そんなデザイン作るにはカリグラフィーを。 | デザイン研究所
簡単操作で作る！ポップになりすぎず遊び心のあるタイトルデザイン！ | デザイン研究所
