![ユーザーに考えさせちゃダメ! クルーグのWebユーザビリティ第一法則 | 超明快 Webユーザビリティ[Web担特別公開版]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ec6e8e2474b621e38fa0ec89fcd29926af15f4a8/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Farticle2016%2Fbook_dont_make_me_think%2Fdmmt_01-02-zoom.png%3Fitok%3Di9ChM_OX)
Webサイト制作、ブログ、資料作成などあらゆる場面でイラスト、アイコンを使います。必要な時に探すのもいいですが、事前にストックしておけば作業の手間を減らせます。 今回は、フリーでアイコン素材・イラスト素材をダウンロードできるWebサイトを紹介します。使用頻度の高いWebサイトはブックマークに保存しておくと便利ですよ。 ビジネスで使えるフリーアイコン素材 FLAT ICON DESIGN(フラットアイコンデザイン) FLAT ICON DESIGN フラットデザインに使えるアイコンを大量にストックしている「FLAT ICON DESIGN」です。JPG・PNG・AI・EPS・SVG形式からダウンロードが可能です。 背景なしバージョンや色違いバージョンなどもあるため、用途に合わせた使い方ができます。 Icooon Mono(アイコーンモノ) Icooon Mono モノトーンのアイコン素材を無
WEB制作時に無料で使えて大変重宝するWEBツールをまとめてみました。 フォント、文字関連 PXtoEM.com: PX to EM conversion made simple. フォントサイズを他の単位に換算してくれる。 かなり重宝しています。 font checker(フォント・チェッカー) ブラウザでのフォントスタイルを確認するためのツール wordmark.it – helps you choose fonts! PCにインストールされているフォントのスタイルを一括確認。 文字数計算ツール テキスト文字数を計算してくれる。 ガラケーサイトなど、文字数上限を制限するような際に重宝します。 表示確認ツール Responsive Web Design Test Tool – Designmodo レスポンシブWEBデザインの表示を確認するためのシミュレーター iPhone Screen
Yahoo!検索が2015年8月18日より、段階的に検索のSSL暗号化を開始したというニュースが話題になり、そこでよく言及されていた「not provided」という言葉の意味を皆様はしっかり理解できているでしょうか。今回はWeb初心者の方向けにGoogleアナリティクスのnot proidedについて解説します。
自社ホームページの新規ページやランディングページを制作する時、少しでもサービスの雰囲気が出るような画像を選択すると思いますが、画像と同じくらい雰囲気を左右するのがフォントです。 例えば、一番最初に視線に入るキャッチコピーであれば、フォントの印象がそのままコピーの内容にも影響を与えます。 こちらのLINEの公式ディレクターブログでは、フォントを買えることで広告効果に差が出た事例が紹介されています。 100種以上の自社広告運用でわかった!バナー広告クリエイティブ4つの基本 : LINE Corporation ディレクターブログ どのような内容でもすぐに対応できるよう、フォント素材のストックは多いに越したことはありません。 今回は、ジャンル別に高品質なフリーフォント素材をご紹介します。 デザイナーの方もディレクターの方もぜひチェックしてみてください。 1.和風な日本語のフリーフォント40選 h
目次 やわらか・繊細系の日本語フォント 12種類 力強い太文字系の日本語フォント 8種類 手書き・毛筆系の日本語フォント 6種類 レトロ系の日本語フォント 3種類 コミック系の日本語フォント 2種類 民芸風の日本語フォント 2種類 変わり種の日本語フォント 4種類 フォントを利用する際は必ず規約の確認を 商用利用の可否や条件については調査し記載していますが、商用利用のみ有料版の購入が必要だったり、配布元への連絡だったりする必要なケースもあります。ご利用の際は、必ずフォント配布元サイトで利用規約をご確認ください。 1. やわらか・繊細系の日本語フォント 12種類 落ち着いた優しいデザインにマッチする、繊細なフォントを集めました。癖が強くなく使いやすいものが多いので、重宝できます。 イマジン・ヨコハマフォント イマジン・ヨコハマフォント ひらがな・カタカナに加え、横浜市に関連する漢字が使えます
By Matteo Penzo 実際に商品を手にとって眺め、使ってみることができる実在する店舗とは異なり、ネット上で商品を販売するEコマースサイトにおける顧客誘導には独自の手法が求められるものです。オンラインショップで商品を購入するユーザーは実際に何を見てどのような行動をとっているのか、そこから導き出される有効なサイトデザインのガイドラインがまとめられています。 cxpartners | What people see before they buy: Design guidelines for e-commerce product pages with eyetracking data http://www.cxpartners.co.uk/cxblog/what_people_see_before_they_buy_design_guidelines_for_ecommerce_pro
FlickrのAPIがまたもや落ちている(正確には仕様変更があった)ようなので、代わりに利用できる無料写真サイトを探してみました。ついでなので見つけた写真サイトをまとめておきます。 実際にこれらの写真素材サイトにお世話になる場合には、それぞれのサイトにおいて利用規約を確認した上でお使いください(著作権を放棄していないところや、商用利用には条件があるケースなどもあります)。 無料で利用可能な写真素材サイト一覧: まずはクリエイティブ・コモンズを理解: tadapic: 写真素材 足成: ぱくたそ: morgue File: freeimages igosso: ブログ用の写真検索さん: skyseeker: フリーフォトボックス: sothei: FreeStocker: 街画ガイド: ちょっと古い無料写真提供サイト: ポラリス: 写真素材のページ: 他、見つけた無料写真素材サイト? ブログ
最近では新しいCMSがドンドン誕生してきており、その機能の進化は凄いと感じます。特にWordPressの成長は著しく、日本国内でもwordpressを活用したサイトを本当によく目にするようになりました。 実際に2014年5月29日の最新調査結果によると、世界のトップ100万サイト中、約22.3%のWebサイトでWordPressが活用されております。さらにCMSを使って構築しているWebサイトのうち、過半数以上の60.0%はWordPressで構築されているようです。 この数値はまだまだ増加傾向にあり、世界の開発チームが日々システム改善の開発・向上をおこなっております。その開発スピードも凄まじくwordpressの虜となる要因の1つでしょう。 参照データ:w3techs wordpressは、もともとのブログ作成CMSというスタートでしたが、今では企業サイトやECサイト等、幅広いジャンルで
「サイトを作成したが、思っていたよりも成果が出ていない」「どこからサイトを改善すればいいかわからない」とお悩みの担当者の方が多いのではないしょうか。 成果の出るサイトにしたい場合、まずは段階を踏んで改善をしていく必要があります。 今回はサイト改善で成果を出すためのポイント10選と、活用するべきツールを紹介します。 サイトを改善するためのポイント10選今回は貴社のサイトの成果を改善するためのポイントとして、視覚的なポイントと思考的なポイントに分けて、10のチェックポイントをご共有します。 以下の資料では、2万件以上のデータベースから最短30秒でサイト改善案を手に入れられるツールについてまとめています。無料ですので、ぜひダウンロードしてご覧ください。 サイトのコンバージョン率を改善するためのノウハウを、自動提案してくれるツール「dejam」 1. Webサイトの構成は、一般的なパターンか結論か
特技:空腹を我慢する事 どうも、あなたの街のエバンジェリスト”コハダ”ことMususこと(できない方の)清野です。 9歳の頃に初めてHTMLをさわり、12歳の頃から独学でWeb制作を始めて、友達やら知り合いのサイトをつくっていました。 22歳で基礎から学び直そうと決断し、23歳からWebデザイナーになり現在に至ります。 Webデザイナーになって1年ちょいが経過した頃、 「チラシつくって〜」や「名刺つくって〜」の依頼がくるようになりました。 最初は『でっかいバナーをつくるようなもんだろ?へへん楽勝さ』 ってな具合で引き受けたのですが、過去の自分に言ってあげたいです。 『お前の考えは甘いぞ!』 紙→Webの流れが一般的だと思いますが、僕の場合は逆でした。 基礎中の基礎ではございますが僕が紙のデザインをするようになった時にハマったポイントをまとめてみました。 紙とウェブ(モニター)の違いは大きい
実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました。 今となっては様々なところで用いられていますし、もっと凄くて面白い動きを実装しているチュートリアルなんかも沢山見かけますが、個人的に汎用性高いと思うもの中心です。 対象ブラウザに古いIEなどが含まれている場合はもちろん使えませんが、いずれもjQueryや画像などを一切使用せずにデザインやアニメーションも全てCSSのみで実装しているものです。 また、同様にCSSのみでクリエイティブなボタンデザインやエフェクトを実装できるエントリーや便利なジェネレータツールなども備忘録兼ねて併せて紹介します。 CSS3を多用しているため、ブラウザ(特にIE7・IE8など)によっては動きや見栄えが説明と異なる場合があ
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
Webフォントの使い方:Google Fontsで日本語フォントもCSSのWebフォント機能の簡単な使い方を解説。無料で900種類以上のWebフォントが使える「Google Fonts」の使い方と、日本語Webフォントが700種類以上あるモリサワ「TypeSquare」の使い方を紹介し、自サイトにアップロードしたフォントファイルをWebフォントとして使うCSSの書き方も解説。欧文(英数字)、日本語、アイコン(絵文字)など、望みのWebフォントを探してみて下さい。 Webフォントとは? Webフォントとは、ブラウザがフォントファイルそのものをウェブ上からダウンロードして文字の表示に使ってくれる仕組みのことです。CSSの@font-faceという記述を使ってダウンロードするフォントを指定します。閲覧環境に望みのフォントがインストールされていなくても、ウェブ上にフォントファイルを用意しておけば望
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く