デザイン向けふきだし素材を配布するサイト
ベクター形式のロゴ素材を無料で配布するサイトを紹介します。自分でロゴを制作する際に素材として活用できるサイトは非常に役に立つのでお勧めです。 ロゴ素材配布サイトのロゴデータは、Adobe Illustratorで編集可能なEPS形式でダウンロードできます。ロゴデータを編集するにはAdobe Illustrator又はEPS形式を編集できるソフトが必要です。 これらのロゴデータをあなたのWebサイトのロゴを作成する際の素材として活用しましょう。 はじめに 素材の利用規約をご確認下さい 無料で公開されているベクター素材は、基本的に無料で利用できますが、素材の利用規約(ルール)が決められています。 素材をダウンロードする前に、必ず素材の利用規約をご確認ください。素材サイトごとに素材の利用条件や注意事項の内容が異なります。 ルールを正しく守って素材を活用してください。 無料でロゴ素材をダウンロード
とても長い記事になってしまいましたが、WordPress を使って、コーポレートサイトのサンプルを作ってみました。WordPress はブログだけじゃなくて、色んな Webサイトが作れますよね!今回は、私が WordPress でサイトを作る時にやっていることをまとめてみました。 今までこのブログの中で、いろいろな WordPress の Tips を書いてきました。でも WordPress を使った Webサイトの作り方そのものは、今まで書いた事がありませんでした。そこで今回は、 WordPress を使ってブログじゃない Webサイトをまるごとひとつ作って、私なりの作り方をまとめてみました。 今回のサンプルサイトでは、WordPress の固定ページ機能はもちろん、カスタム投稿タイプやカスタムタクソノミー(カスタム分類)を使って作っています。 ページを表示する為に使っているテンプレート
独断と偏見のCMS比較 いまやWebサイト立ち上げ期に、Webサイトの内容を効率的に管理する「コンテント管理システム(Content Management System)」は必要不可欠。CMS製品を開発するUEIの清水氏が分類するCMSの3ユーザーと9つの機能とは? 「デザインハック」コーナー CMSの流行 さて今回は、これまでのようなWebオーサリング(Webサイト構築)ツールの話を少し離れて、最近話題に出ることが多くなってきた「CMS」(Contents Management System/コンテンツ管理システム)の紹介をしていきたいと思う。 CMSは、HTML(XHTML)+CSS(+Ajax/JavaScript)などのような、Webページを作成するための専門知識を必要とせずに、Webサイトのコンテンツ管理を実現する仕組みである。今回紹介するような無償のものから、大規模サイトの管理
無料レスポンシブウェブデザインHTMLテンプレートTemplate ホームページ制作会社でも使用できる商用利用が可能な無料ホームページテンプレートです。企業サイト(会社概要サイト・企業案内サイト)として、店舗サイトとして、各種サービスサイトとしてなど様々な用途にご利用頂けます。テンプレート内の写真・イラスト等につきましてはそのままご利用頂くことが可能です。利用報告なども特に必要ありません。 テンプレート内の「Design by http://f-tpl.com」のリンクは外さないようにお願い致します。リンクを外したい場合は「クレジット表記を外したい場合」のページをご確認ください。 無料レスポンシブHTMLテンプレート一覧Free responsive design template スマートフォンサイト(iPhone、Android)、タブレット端末(iPad)にも対応のレスポンシブ・ウェ
多くのビジネスサイトのアクセス数を支えている大手検索サイト、Yahoo、Googleのアルゴリズムが変わる事で、突然商売がひっくり返る事態を回避する方法。 Yahooサーチエンジンのアルゴリズムなんかによく泣かされた事があったけど、webサイトっていうのは結構リピーターを作りやすく施工しておく事で、あまりそういった影響をもろに受けずにすみます。 webサイトと、エンドユーザーとの道。 ユーザーパイプライン。 これを整備しておくと、サーチエンジンの気ままなアルゴリズムの変動がきても、涙目になる事もないのです。 パイプラインを作る意味 ビジネスサイトにおいて、いったい何が重要なポイントになるかというと、多くの場合、そのほとんどがリピート率と検索エンジンからの訪問者数となります。 リピート率が高いサイトは比較的物が売れやすく、また、検索エンジンからの訪問者数が多いと売るためのチャンスがほかのサイ
Select content typeChoose from one of four content types. RSS, Facebook, Instagram, Google Calendar, YouTube or X with unique features for each of them. Enter your feed sourcesAdd your feed sources URLs or Calendar ID. Multiple feeds can be added together in a single widget in paid plans. Customize designUse our easy interface to choose design and feature options. Customize your widget to match yo
スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基本横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re
Designing the perfect navigation for a website it’s one of the main keys to have a good outcome, to have a website that gets users attentions and make them want to browse around to check every little information (tab, image, text, etc) you have there. Navigation menus, schemes, layouts, everything has an important weight and need to be carefully analyzed to form a nice layout. Designing the perfec
このコーナーでは、Webサイトを1万円で「小さく」作って、それを運用しながら効率良く改善・最適化していく方法を解説する。 「SEO」「アクセス解析」から、「Webマーケティング」「CMS」、さらに「UX」「IA」「フロントエンド技術」まで……。とにかく覚えることが多いWebの世界。専門性を高めるのも大事だが、すべてはつながっていることを忘れないようにしてほしい。分業は組織がスケールするための工夫の一つに過ぎない。完璧を目指さず、もっと力を抜いて、バランスの取れた効率が良い、Webサイトの構築・運用方法を提案したい。それも抽象的な方法論ではなく、具体的でマネができる実践的な方法で。 そこで、サイトを戦略的に安価に短期間で立ち上げ、運用しながら最適化していった過程と結果を、具体的に紹介していく連載を始めることにした。数億円規模の各種プロジェクト経験から得たノウハウをもとに、小さく安価に実現でき
Tips携帯サイト構築 どうもTwitterやってるとiPhoneや Androidなどのスマートフォンの 話題ばかりなので忘れそうですが、 携帯サイトはビジネスには必須 ですので備忘録として記事に。 ちょっと必要に迫られたのでメモ。 どうもTwitterやってるとiPhoneや Androidなどのスマートフォンの 話題ばかりなので忘れそうですが、 携帯サイトはビジネスには必須 ですので備忘録として記事に。 以前にも何度かまとめ記事が話題に上がっているので今更感も否めませんが自分のブログにあったほうが探しやすいのでメモします。 予備知識モバイルサイト構築前に知っておきたいユーザビリティ10のポイント ファーストビューの重要性、色の大事さ、リンク操作に関して記載されています。 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント 携帯サイト(html)の制作に入る前に確認してお
今個人的に面白いと思っている、 ファッション系webサービスをまとめてみました。 どんどん新しいモノが生まれて来る分野だけに、 どこまでをまとめるかが難しいのですが、気になるものに絞りました。 (結構昔からあるモノもありますが・・・) ● ファッション試着サービス『AWASEBA』 ファッション試着サービス『AWASEBA』 Web上で商品のコーディネートが楽しめるサービスで、以下のように 画像のモデルさんで商品を合わせる事が出来ます。 今は着せ替えっぽい感じですが、商品の色変更とかが出来れば面白いはず。 最近では、セレクトスクエアとのタッグ(?)での「coen」の ファッションセレクトショップの紹介(レディース)も始めたようですが、 実際の商品購入時にどれくらい活用されているのか注目です。 ● ルックアップのファッションコーディネート買物代行サービス ファッションコーディネート買物代行サ
青と黒の配色を上手く使ったクールなサイトデザイン例とロゴデザイン例、ついでにWordPressのテーマも少しご紹介します。そのサイトの属性に依存しそうな配色ではありますが、可視性を高めやすいのと大人の印象を与えられる事で利点も大きそうです。そんなサイトを作りたいときの配色など参考になりそう。 海外サイトのデザイン例、国内サイトのデザイン例、ロゴ、WPテーマの順にご紹介します。 海外サイト配色やレイアウトが参考になります。 Blueray 暗くなりがちな青と黒の配色でも青を柔らかくすると印象が違いますね。 Blueray markmeup ロゴがいい。手書き系は合わない感じもするけどこれはマッチしてます。 markmeup Massive Blue オーソドックスだけお細かい部分もしっかり作りこんでいます。 Massive Blue Wax Media かなり見やすいですね。シンプルなページ
モバイルデザインアーカイブとは? 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー?」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く