ウェブデザインに使えるチャート・グラフツールいろいろ
企業サイトでは売上の推移や販売シェアなどグラフやチャートなどを使って分かりやすく表示したいといったニーズは結構あります。エクセルで作成したグラフを貼り付けたりするのも可能ですが…。今回は、JavaScriptやFlashなどを使って比較的、簡単にグラフやチャートを生成できるツールをいろいろまとめてみました。…
続きを読む »
Posts Tagged ‘ウェブデザイン’
印刷用に使えるツールやブックマークレットいろいろ
ウェブサイトを印刷してみると想像していた以上にページが多く出力されてしまったことなどありませんか？ わざわざワードなどにコピペするのも面倒だし…。こんな時に使えそうな印刷用に使えるツールやブックマークレットなどをまとめてみました。…
続きを読む »
フォームの見栄え・使い勝手を強化するjQueryプラグインいっぱい
お問い合わせやユーザー登録、ログインから商品の注文まで、ウェブでとっても重要なフォーム要素。 このフォームの使い勝手や見栄えはそのサイトの売上や登録に大きく影響するといっても過言ではありません。 フォームの入力項目が多すぎたり、わかりづらかったりすると、せっかく購入やユーザー登録する気になってくれているユ…
続きを読む »
ここまでできる！CSS3を使ったチュートリアルまとめ
ここ数年でたくさんの情報が揃ってきたCSS3。古いブラウザでは対応されていないため、まだまだ一般に普及するまでは時間がかかってしまうのかもしれませんが…。 CSS3を使えば、ウェブデザインの可能性をさらに広げてくれることは間違いありません。 デザイナーの皆さんは、是非CSS3でどんなことができるの？って事だけでも今のうちから知っ…
続きを読む »
グリッドデザインに使えるツールいろいろ
ウェブサイトをデザインする際、レイアウトはどのようにおこなっていますか？ガイドにあわせて、要素を配置できるグリッドを使用すると、レイアウトがワンランクアップしますよ！今回は、そんなグリッドデザインに使えるツールをいろいろご紹介します。…
続きを読む »
ワイヤーフレームに使える素材いろいろ
以前、このブログでご紹介した「ウェブサイトの設計図 ワイヤーフレームを活用しよう」 ウェブサイトをデザインする前に、用意すると、とっても便利なワイヤーフレーム。 ページの各要素をレイアウトして、デザイン制作をスムーズに行うことが出来ます。 今回は、そんなワイヤーフレームに使える素材をいろいろとまとめてみました…
続きを読む »
ウェブデザイナーにおすすめ Google Chromeエクステンションいろいろ
最近では、Google Chromeを標準のブラウザとして利用されている方々も多いのではないでしょうか。
表示もサクサクで自分好みに拡張できるエクステンションもだんだんと充実してきました。
今回は、ウェブデザイナーやデベロッパーの方々におすすめのGoogle Chromeのエクステンションをまとめてみました。…
続きを読む »
ついついクリックしたくなるボタンデザインいろいろ
ボタンひとつでクリック率やコンバージョンが大きく変わってしまうので、ボタンのデザインや配置はとっても重要ですね。ボタンのデザインを変えたら、とたんに問い合わせ、売り上げが伸びたりすれば、デザイナー冥利につきますね。皆さんも、ついついクリックしたくなるボタンのデザインを沢山見て、参考にしてみてくださいね…
続きを読む »
ウェブデザインに使えるイラストのチュートリアルいろいろ
イラストをうまく使ったウェブサイトはたくさんありますね。例えば、SilverbackとかMailChimpなどは、とてもわかりやすいイラストをうまく使ったウェブサイトの例なのではないでしょうか？一度見ると、『あぁ、あのゴリラのイラストのサイトね。』なんて覚えてもらえる確率が高まります。イラストをうまく使う事でウェブサイトによりインパクトを…
続きを読む »
テーブルに実装できるjQueryプラグインいろいろ
スペックやデータ、料金表などを表示するためには、テーブルコーディングは欠かせませんね。テーブルにjQueryのプラグインを実装すると、ソートやページングなどなど、様々な機能を追加する事ができます。今回は、テーブルに実装できるjQueryプラグインいろいろとまとめてみました。…
続きを読む »
|
|
|
