タグ: Webデザイン

書籍執筆しました!「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」

M'z SPEED エムズスピード GRACELINE グレースライン エクスクルーシブゼウス サイドステップ 未塗装 アルファード GGH・ANH

昨年からコツコツ執筆していた書籍「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」がついに完成しました!初心者向けにWebサイト制作を教えている経験をもとに、なるべくわかりやすく書いたつもりです。多くの方に読んでいただけますと幸いです!
続きを読む

無料・商用利用OK!Web制作まわりで使えそうなアイコン作りました【Web Icons】

プレゼンのスライド作成や書籍の執筆などで、ちょこちょこ作っていたアイコンがたまってきたので無料配布します。モニターやカーソルなど、制作まわりで使えそうなアイコン達です。PNG、SVG形式。商用利用もできるのでお気軽にダウンロードしてくださいね!

続きを読む

Adobe XDでWebデザインをしよう!画面作成からページ推移までの手順を紹介

デザインやプロトタイプを作成できるAdobe XD。みなさん使っていますか?先日アップデートもされ、Photoshopとの連携がより簡単になったり、Sketchファイルも扱えるようになるなど、進化が進んでいますね。これまではWebサイトのデザインにはPhotoshopが多く使われてきましたが、これからはXDが主力となっていきそうな予感。ということでAdobe XDを使ったWebデザインの手順を紹介します!
続きを読む

Webデザインを「もっとかっこよくして!」と言われた時に試したいCSS小技5つ

Webデザイン・制作を教えている時に、担当していた生徒さんからこんな悲痛なメッセージをいただきました。「Webサイトのデザインを出してみたものの、

、本気を出して作ってくださいと言われてしまいました…」。デザインを見てみると、とても美しく整ったものだったのですが、「テンプレートとしてありがち」なレイアウトに見えました。この辺を指摘されたのかな、と。自分でコーディングをすることを考えると、どうしても自分の力で実現できそうなデザインにしてしまうんですね。私も駆け出しの頃はよくありました。そこで今回はちょっとした工夫で少し差がつくCSSの小技をいくつか紹介します。簡単にできるとわかれば、デザインに反映できそうですね!
続きを読む

Webデザインギャラリー始めました!

以前から作ろう作ろうと思って早数年…w ようやく作りました、WebクリエイターボックスのWebデザインギャラリー!作るのに精一杯でまだまだコンテンツは少ないのですが M'z SPEED エアロ4点セット ホワイトパールクリスタルシャイン 塗装済品 ヴォクシー ZRR80G ZRR85G 17/8~ MC後 V/X他 ※北海道は送料11800円、沖縄・離島は要確認 ※個人宅は送料+9720円、これから少しずつ増やしていきます!
続きを読む

配色が苦手な人でもプレビューを見ながら直感的に使える配色ツール5つ

配色って奥が深いです。「この色いいな!」と思っても DUNLOP ダンロップ ディレッツァ DZ102 DIREZZA サマータイヤ 235/35R19 MANARAY RMP-025F ホイールセット 4本 19インチ 19 X 8 +45 5穴 114.3、実際にデザインに適用してみるとなんだかイメージと違ったり。このブログでも過去に「カテゴリー別配色アイデア100」という記事で配色例を紹介しましたが、その配色を見たときと使ってみたときとではまた異なる印象になるかもしれません。そこで今回はプレビュー画面で確認しながら配色を作成できるツールを集めてみました!
続きを読む

ブログや名刺にも使える!手軽にロゴを作成できるサービスいろいろ

企業ではもちろん、個人でWebサイトやブログを運営している人にとっても、ロゴは個性を表す重要な要素です。しかし、非デザイナーが自分でデザインするのはなかなか敷居が高かったり、プロに頼むと時間もお金もかかってしまう…そんな時のために TOYOTIRES トーヨー プロクセス CF2 PROXES サマータイヤ 195/60R16 BLEST BAHNS TECH Jizelis FVP ホイールセット 4本 16インチ 16 X 6.5 +48 5穴 100、今回はロゴをサクッと作れちゃう便利なサービスをいくつか紹介します。
続きを読む

レスポンシブ対応!縦に半分割しているWebサイトの作り方

画面を大胆に縦に割ったレイアウトのWebサイトが流行中。複数のセクションで分割しているサイトもありますが、中でも多く取り入れられているのが真っ二つに分けている半分割のレイアウト。インパクトがあって注目を集められる上、スクロールをせずに複数の情報を表示できます。今回はそんな縦半分割のレイアウトを使ったWebサイトの作り方と、実例をいくつか紹介します。
続きを読む

無料・商用利用OK!塩を使った水彩画素材作りました

明けましておめでとうございます!本年もよろしくお願いします!最近手書き&手描きにはまってるので 、今年は小学生以来の手書き年賀状を作ってみました。その時水彩絵の具と塩で背景模様を作ったので ブリヂストン B_MCR05125 RS10 R 140/70R17 66H TL 【USエヌファブ 直輸入正規品】 n-Fab フォード F250/F350 Super Duty スーパークルー 8フィートベッド ダブルタイヤに適合 2017年式 N-Duraステップ ツヤありブラック、いくつかを素材として配布しようと思います。
続きを読む