webproduct-lab

WEB制作を中心にSEOやマーケティングなど色々と語ります

webデザイン

はてなブログのスマホ用ヘッダーをカスタマイズしてすっきり見せる方法について

はてなブログのスマホ用ヘッダーを整理してファーストビューをすっきりと見せるためのカスタマイズをご紹介します!コピペと簡単な差し替えでできるので試してみてください!

Webサイトの作り方について個人的まとめ -デザイン編(続編2)

Webサイトの作り方についての続編です。実際にコーディングすることも考慮した上でデザインを作りましょう!その辺りのお話です。

Webサイトの作り方について個人的まとめ -デザイン編(続編1)

Webサイトの作り方についてまずはデザインをする際に注意したいポイントなどをまとめました。デザイン重視よりも使いやすいサイト作りが重要です。

Webサイトの作り方ついて個人的まとめ -デザイン編

デザインに携わって早15年の私が個人的なWeb制作の工程を少しずつご紹介したいと思います。まずはデザイン作成編からのご説明です!どうぞお付き合いください。

Photoshopでホワイトバランスを簡単に調整する方法について

Photoshopでホワイトバランスを調整したいと思ったことはありませんか?Photoshopにはホワイトバランスという項目がないので色補正で調整するしかないように思われますが実はトーンカーブで簡単に補正する方法があるんです!

JPG GIF PNGを用途別に正しく使い分ける方法について

ブログで画像をアップする機会は多いと思いますが、その画像ファイルの形式を気にしたことはありませんか?実は無駄な容量を使っていることもあるので、正しいファイル形式を選ぶことも大切です。

Photoshopのヒストリー機能を便利に使う方法

Photoshopで少し前の状態に戻りたい時、ヒストリーに残っていない時ってけっこうありますよね?そんな時に便利なヒストリーのスナップショットについてご説明します。

クレジット表記の必要がないCC0 Licenseの写真素材が便利すぎる!

ブログやWebサイトの制作に使用する画像は何を使っていますか?最近ではCC0ライセンスの画像も多いため、非常に便利ですが、写真によっては著作権が異なるため少し注意が必要です。

Photoshopで最低限やっておきたい!色や歪みなどの補正方法

Photoshopで画像補正する場合に必ずやっておきたい補正方法をまとめました。慣れると簡単ですのでぜひ参考にしてみてください。

スマホ閲覧を快適に!Web用画像ファイルを効率良く圧縮する方法

画像ファイル圧縮していますか?レスポンシブでPC用の画像をスマホでも快適に閲覧できるように画像ファイルは圧縮しておきましょう。

Photoshopで行う文字組みの基礎 -個人的まとめ

webデザインで重要な文字組みを意識していますか?Photoshopで行う文字組みはカーニングとトラッキングが基礎となります!タイポグラフィを意識した洗練されたデザインを目指しましょう!

Photoshopで髪の毛までキレイに切り抜く方法 -個人的まとめ

Photoshopで画像を切り抜く方法の中で、個人的におすすめする「抽出」を使った切り抜き方をご紹介します!

サイト・バナーを効率良く制作する方法 -個人的まとめ

バナーなどのデザインを短時間で効率良く作るポイントを個人的にまとめました!

SNSボタンを設置する時にまとめ見たいカスタマイズ一覧

サイトを制作していく上で、snsボタンを設置することは、最近ではもう当たり前となっていますよね?そこで、よく私が使うボタンで、上へ吹き出しの形にカスタマイズすることが多く、その都度その方法を探していた時に、個人的にまとめて見たい設置方法をまと…

レスポンシブデザインを今更ながら考えてみたら…

レスポンシブデザインについてですが、私自身、興味があったものの現在は、Webマーケティングの仕事をしていることから、あまり接点がなく放置していたんですが、最近では個人的な制作依頼でも普通に「レスポンシブでお願いします」と言われたりします。 と…

担当者を納得させるデザインはもう古い?良いデザインの考え方とは?

未だにエンドユーザーのことを考えずに担当者の納得するサイトなどを作っていませんか?数年後にはデザインナーも必要なくなると言われています。では、今後につながるデザインの考え方とは?

Webデザイナーに聞きたい!今後は何をするべき?

見た目だけのデザインはもういらない?デザインに携わる方は次に何を学ぶべきか?

Copyright © webproduct-lab ALL RIGHTS RESERVED.