webproduct-lab

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

アイコンフォント「IcoMoon」の使い方と便利に使う方法について

アイコンフォント「IcoMoon」の使い方と便利に使う方法について

アイコンフォント使ってますか?

私はウェブアイコンフォントと言えばこちらの記事で紹介しました「Font Awesome」を個人的によく使っています。簡単だし使っている方も多いのではないでしょうか?

www.webproduct-lab.com

しかし、たまにここには用意されていないアイコンを使用したい時があります。
はてなブックマークのアイコンなんかも実はないんですよね。。

それで他のアイコンフォントを探してみて良いなと思ったのが今回ご紹介する「IcoMoon」というアイコンフォントです。

と言ってもこちらにもはてなブックマークのアイコンがないんですが…このアイコンフォントは簡単に設置することができる上にオリジナルのアイコンフォントをインポートして使用することもできちゃうんです!

では今回はアイコンフォント「IcoMoon」とその使い方について簡単にご紹介したいと思います。

続きを読む

はてなブログの記事下に関連記事が実装!カテゴリーページにぱんくずリストも追加

はてなブログの記事下に関連記事が実装!カテゴリーページにぱんくずリストも追加

つい先日(6月13日)、はてなブログの記事下に「関連記事」が表示されるようになりました。

関連記事と言えばMilliardやGoogleの関連コンテンツなどを利用して自身で用意している方も多いかと思います。
そのため必要ないという方も多いのではないでしょうか?

私のブログでも表示されていたので少し調べてみました。
結果を言うとOFFにしたんですけどね。。

では、今回は記事下に表示されるようになった関連記事などについてお話していきたいと思います。※内容は、はてなブログに関してのものとなります。

続きを読む

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

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

さて、今回は先日投稿したこちらのWebサイトの作り方についての続編を書こうと思います。

Webサイトの作り方と言っても一言ではまとめきれないので…今後も書いていきたいと考えております。もし良ければどうぞお付き合いください。

www.webproduct-lab.com

前回までは横幅とカラムレイアウトを決めてデザインを作り込みましょう!とかなり強引なまとめになってしまいましたが。。今回はもう少し先に進んだ具体的な話をしたいと思います。

Webデザインって難しいですよね?でもある程度コツをつかめば伝えたい表現をすることができます。

しかしWebデザインの場合はさらにサイト自体の使いやすさなんかも考慮しないといけません。。たまに紙媒体と比べて「やり直し効くから良いよね?」と言われたりしますが…思っている以上に奥が深く格好良ければ良いというものではないんですよね。。

さらにWebサイトは集客しなければ何の意味もありませんから…SEO対策なんかも考えなければいけません。

ターゲットキーワードを選定してそれに対するコンテンツを作り…と、話が終わらなくなってしまいますので、今回はWebサイトの作り方のデザインの話を進めたいと思います!

続きを読む

インスタグラムのアカウントが停止になったら?復活する方法について

インスタグラムのアカウントが停止になったら?復活する方法について

先日、ハリネズミのインスタグラムを公開したところ3日程度でアカウントがなぜか停止となってしまいました。。

インスタグラムのアカウントが停止されたという記事はたまに見かけてはいましたが、まさか自分のアカウントが停止されるとは思ってもいませんでした。。

そこで今回はインスタグラムのアカウントが停止されてしまった時にやったことについてまとめてみたいと思います。

※後述しますが、今回はアカウントが再開されることがないと思われたので新しくアカウントを作ったんですが、実は再開されていました。。

続きを読む

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

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

私はデザイン制作に携わって早いもので15年以上にもなります。
そんな私が個人的にWebサイトを0から制作する場合の工程を何回かに分けて少しずつご説明したいと思います。

まずはサイトのデザインをどうするか?という点ですが、昔コーディングしながらデザインを進めると言っていた方がいて驚いたことがありました。

もちろん私は画像から作り込んでいくんですが、使用するソフトはいつも決まってPhotoshopです。

IllustratorやFireworksを使う方もたまにいますが、私はエフェクトや使用感の違いからかずっとPhotoshopでデザインを進めています。

これに関してはやりやすい方で良いんじゃないでしょうか?
写真の補正なんかも一緒に作業できちゃいますからね。Photoshopが個人的にはおすすめです。

では今回は私が行うWebデザイン作成の過程のメインデザイン作成についてご紹介したいと思います。
※以後不定期で行程をご紹介していきますので、どうぞよろしくお願いします。

続きを読む
Copyright © webproduct-lab ALL RIGHTS RESERVED.