webデザイン 透かしを使ったデザイン
webデザイン様々なデザインを真似して、自身のデザインの引き出しを増やしましょう。今回は半透明の白レイヤーを重ねることで、モノクロ写真のうえに文字テキストを表示しています。photoshopvip.netphotoshopvip.net
webデザイン
webデザイン webサイト制作 配色の基本
webデザインwebサイト制作webサイトはおおまかに別けるとテキスト・画像・色の3つの情報から成り立っています。3つの中でも色はユーザーに最初に伝わる情報なので、配色次第でサイトの第一印象が決まってしまいます。初心者にとって配色は難しい部...
webサイト制作 8の倍数デザイン論とそれに伴ったブレイクポイント
webデザインwebサイト制作従来、divや余白の大きさはデザインやコンテンツのボリュームによってマチマチですが、その都度値を決めるのでは無く、ある指針（ガイドライン）に沿って決める場合がよくあります。その中でも、「8の倍数デザイン論」と呼...
webサイト制作 LP（ランディングページ）の作成
webサイト制作webデザインランディングページ（Landing Page）とは本来、訪問者が最初に着地する（land）ページという意味合いでサイトのトップページの事をLPと呼んでいましたが、今ではLPというと「訪問者のアクションを誘導する...
webデザイン モックアップの完全版 Facebook+Devices
webデザインポートフォリオ制作Facebookが、誰でも無料で利用可能なApple・Samsung・Google・HTC・Microsoftの各メーカーのスマートフォン・タブレット・スマートウォッチ・スマートTVのモックアップとして使える...
webサイト制作 フリーで使えるSVGアイコン
webサイト制作webデザインicooon-mono.comiconbox.funflat-icon-design.comiconmonstr.comremixicon.comicons.pixsellz.ioアニメーション付きのSVGアイ...
Photoshop トンマナを合わせたバナー作り
Photoshopwebデザイントンマナ とは、「トーン＆マナー」の略で、 広告 におけるデザインの一貫性を持たせることを指します。 また、ブランドのイメージカラーとホームページのデザインカラーを合わせる必要があるなど、「 トンマナ 」は企...
css3 レスポンシブイメージの設定
レスポンシブデザインwebサイト制作css3img要素を画面幅によって切り替えたい場合、以前はJavascript等でwindow幅によって画像のファイル名を変える、などの方法が取られていましたが、html5.1,で策定された「レスポンシブ...
webサイト制作 ワイヤーフレーム の作成
webサイト制作webデザインワイヤーフレームとは「サイトの設計図」です。サイトを作成する前に「何を・どこに・どのように」画面に配置するかを明らかにする事で、実際の作成作業をスムーズに進める事が出来ます。また複数人で作業する場合やクライアン...
webサイト制作 webサイトの主なレイアウト
webサイト制作webデザインレイアウトを考える時に常に独創的でユニークなレイアウトである必要はありません。それどころか訪問者の多いサイトを見れば、多くのサイトで似たようなレイアウトが採用されています。それは偶然でも手抜きでもありません。そ...