タグ

デザインに関するkackiiのブックマーク (7)

  • デザインのしたじき

    コ・デザインのためのシンキングシート

    デザインのしたじき
  • 棒グラフのデザイン集 | おしゃれで伝わるグラフの作り方|かわちゃん

    棒グラフについて「書くときの注意点」「棒グラフの種類」「どういったデータが棒グラフに向いているか」「実際の棒グラフのデザイン」などを画像を使ってわかりやすくまとめました✨ さくっと書きたい人は「棒グラフの種類」から読むことをおすすめします。いろいろな棒グラフのデザインがあるので、気に入ったグラフをまねして使ってね。 しっかり考えて書きたい人は、「棒グラフを書くときの注意点」を読めば、伝わる棒グラフの作り方がわかるとおもいます💡 棒グラフを書くときの注意点・棒グラフは使いやすい無難なグラフ シンプルで正確なグラフだけを考えるなら、棒グラフは簡単なグラフです🥇 エクセルの初期設定でもフォントを変えれば無難な棒グラフは簡単に作成できます。 円グラフは真面目に作ってもわかりにくいグラフはできるが、棒グラフは意図的に見る人を欺こうとしない限りわかりにくいグラフにはなりにくいです。 ただし、完成し

    棒グラフのデザイン集 | おしゃれで伝わるグラフの作り方|かわちゃん
  • 【プロ直伝】ロゴ作りの8つのコツをわかりやすく事例解説! | ベーコンさんの世界ブログ

    デザイナーのベーコン(@dogdog464646)です この記事ではロゴやタイトル文字の作り方を説明していきます。 初心者でもこれだけ押さえれば、まるでプロの作ったようなロゴを作ることができます。 このテクニックを応用していけば、「どうやって作るんだ!」と思っていた複雑なロゴも作れるようになっていくはずです。 ロゴだけじゃなくて、 ・の表紙 ・ブログのアイキャッチ ・チラシ、ポスターのタイトル文字 にも応用できるようになっています。 覚えておけば、仕事の資料作りにも、PTAのチラシづくりにも役立ちます。 そして、みなさんが再現できるようにフリーフォント限定でデザインを作っていきます! ロゴを作るテクニック! 実際にロゴを作りながら、様々なテクニックを紹介していきます。 基の形を整える この文字を基に進めますね。 まず2行にして「かたまり感」を出していきましょう。 ロゴは「文字」から「

    【プロ直伝】ロゴ作りの8つのコツをわかりやすく事例解説! | ベーコンさんの世界ブログ
  • HTMLとCSSのコピペですぐに実装できる見出しデザイン14選

    WEB制作で必ずと言っていいほど登場するものの1つに「見出し」があります。 そこで今回は、CSSだけで作られている見出しの中でも、実用性が高いものやCSSの最新要素を使ったものを厳選してご紹介します。コピペで簡単に実装できるので、是非使ってみてください。 飾り付きの見出し 擬似要素before、afterを使って飾りをつける見出しです。beforeとafterのcontentプロパティを変更すれば、☆や♡にすることもできます。 同じくbefore、afterを使うパターンです。transformプロパティで斜めにした長方形と長方形を重ねることで三角形を作っています。 beforeとafterを使ったシンプルな見出しです。ボーダーを指定した擬似要素の位置をpositionプロパティで指定しています。 ボーダーがある見出し キャプション付きの見出しです。シンプルなので使いやすいですが、レスポン

    HTMLとCSSのコピペですぐに実装できる見出しデザイン14選
  • 2014年のロゴデザインのトレンド -2014 Logo Trend Report

    ウェブデザインと同様に大手ブランドもロゴのデザインを変更しています。最近では、日ハム、三菱電機、村田製作所など、また一昔前では話題になったGAP、Twitter、スターバックスなども。 好みはありますが、リデザインしたロゴは洗練されており、トレンドをうまく取り入れているものが多いと思います。 ロゴのトレンドの最新版は、こちら。 2021年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ

  • スマートフォンサイト制作時に覚えておきたいCSS 15

    スマートフォンサイトを制作する際、個人的に覚えておいた方が良いと思うCSSのプロパティやテクニックをまとめてみました。 自分用の備忘録ではありますが、他のブログ等でも取り上げられていることが多いので、いずれも覚えておいて損はないものだと思います。 普段から制作している方にとっては目新しいのはないと思いますが、まだスマートフォンサイトを制作したことがない方やまだまだ苦手だなと思う方は参考にしてみてください。 UA切り替え・Viewport指定・拡大縮小の有無・電話番号リンクの無効化・ホーム画面用のアイコン指定など、スマートフォンサイトを制作する際に最低限覚えておくべきと思うことは他にも沢山あるんですが、今回はCSSに焦点を当てています。 また、タイトルでは「スマートフォンサイト制作時」としてはいますが、レスポンシブWebデザイン制作時でも頻繁に使うものだったり、PCサイト制作時でもCSS3に

    スマートフォンサイト制作時に覚えておきたいCSS 15
  • プログラマーがかっこいいWEBサイトを作る5つのコツ - おかねがない(゚∀゚)ッ!!

    「かっこいいサイト作るぞ!」 と意気込んでみたももの、いざ作ってみると 「あれ・・・なんかダサい・・・」 WEBサイトを作成したことのあるプログラマーの方なら、 経験したことがある方も多いのではないでしょうか? WEB制作は、基的に、デザインはデザイナー、システムはプログラマー、という 役割分担の元に作業が行なわれるため、プログラマーが見栄えのするサイトを作ることは、 簡単なようで、なかなか難しいことです。 かくいうプログラマーである私も、いくつかのWEBサイトを個人的に作成してきましたが、 自分で納得のいく見た目のサイトが作れず、夜中の謎のハイテンション時にデザイン を完成させ、1度寝てから再度確認すると、そこには見るも無残なWEBサイトが・・・ なんていうことを何回も経験してきました。 そこで私が試行錯誤した結果を元に、プログラマーが、シンプルながら ある程度見栄えのするWEBサイト

    プログラマーがかっこいいWEBサイトを作る5つのコツ - おかねがない(゚∀゚)ッ!!
  • 1