配色を考えやすくするための様々なルール ｜https://wp.yat-net.com/name
色は、見た人に対して、そのものの意味を伝えることができます。そのため、色の選択を誤ると正しい意味を伝えることができません。 色とは、デザインを行う上で欠かすことのできない要素であり、プロジェクトの成功にも大きく関わっているため、デザイナーにとっては非常に気を使う要素といえます。 世の中には、何万色という色が存在します。デザイナーは、その中からパターンを組み合わせ、最適なものを選択しなければなりません。 しかし、デザインには意味がある以上、そこにはルールが存在します。そのルールに沿って配色することで、デザイナーは正しい選択ができます。 今回は、配色を行うために知っておくべき、知識やルールを解説したいと思います。 色の色相環と虹 配色と自然の関係 色相、彩度、明度 色調（トーン） 色の役割分担 色の意味 色を選んでみる まとめ 参考文献 1.色の色相環と虹 色の相関を表すのに「色相環」というも
とりあえずJavaScriptを記述して動作を確認したいって時はFirefoxに搭載のスクラッチパッドが断然便利 ｜https://wp.yat-net.com/name
2013年 04月 05日 とりあえずJavaScriptを記述して動作を確認したいって時はFirefoxに搭載のスクラッチパッドが断然便利 カテゴリ： Firefox タグ：javascriptエディタデバッグ JavaScriptを記述出来るエディタは沢山あるんですが、「とりあえずソースを書いて試したい」って時はFirefoxに標準で付属しているScratchpad（スクラッチパッド）を使っています。 Scratchpad（スクラッチパッド） Firefox 6で搭載されたスクラッチパッド。使ってる人は結構居るかもしれませんが、まだ知らない人も居ると思うのでちょっと紹介しようと思いました。 Firefoxにはブラウジングする機能以外に開発者向けの機能が沢山備わっています。Scratchpad（スクラッチパッド）もその中の一つで、これはJavaScriptのソースを記述・実行・デバッグが
女性の可愛らしさが詰まったガーリーデザインの特徴。（基礎知識〜フリー素材） ｜https://wp.yat-net.com/name
2013年 03月 05日 女性の可愛らしさが詰まったガーリーデザインの特徴。（基礎知識〜フリー素材） カテゴリ： Webデザイン タグ：ガーリーデザイン デザインのタイプは非常に多く、切り分けるにしても男性らしさ、女性らしさ、児童向け、年配者向など様々な切り口で分けることができます。 ガーリーはそういった中の女性に好まれるデザインに該当し、「少女らしさ」や「可愛らしさ」などを指します。ガーリースタイルといった言い方もしますね。 1.流行 2.ガーリーデザイン・スタイル -a.ファッション -b.建築（カフェ） -c.Webデザイン -b.ブログ -e.ガーリーデザインで特徴とされるもの -f.ガーリーフォト 3.最後に 流行 ガーリーの流行に関してはおそらく1990年代かと記憶しています。 当時ガーリーデザイン、ガーリーフォト、ガーリースタイルと言った様々な言葉が流行し、様々な場面でガー
多様化する集客チャンネルとGoogleショッピングの可能性 ｜https://wp.yat-net.com/name
ネットビジネスを行う上で必要不可欠な集客。リスティングやアフィリエイト、SEOと言った様々な手法がある中、更に検索サイトへの登録やポータルサイトの出稿と言った「露出するべき媒体」がますます増え、集客のための運用がすごく大変な物になって来ているように感じます。 1.多様化する集客スタイル 2.商品情報そのものが広告に。商品情報の構造化：DFO 3.Googleショッピング 4.まとめ 多様化する集客スタイル 冒頭で述べた通り集客を行うために露出する媒体が非常に多く、それらを運用して行くことそのものが困難なケースが増えています。サイト運営の体勢が少数になりがちなネットショップではよりその傾向になり易く、「とりあえず集客のために外部サイトを利用している。」といったケースは少なくありません。 それだとこれから先の集客を考えるとどうしても限界点が見えてしまいます。 そうならない為にも、これからますま
コーディング速度を3倍早くするSass（Scss）のフレームワーク”Compass”が本当に便利 ｜https://wp.yat-net.com/name
2012年 10月 31日 コーディング速度を3倍早くするSass（Scss）のフレームワーク”Compass”が本当に便利 カテゴリ： Sass タグ：CodingSassScssコーディング効率化 \ CSSのメタ言語Sass（Scss）。これ使うと凄く便利でコーディングスピードが上がるんですが、これをより便利に使えるようにしたフレームワークのCompassがもの凄く便利なので記事にしました。赤い彗星みたいなタイトルになってますが、使いこなせばかなり早くなります。 1.Compassとは 2.インストール 3.初期設定 4.Sass（Scss）ファイルをCSSファイルに 5.実際に作る 6.参考文献 compassとは オープンソースのCSSオーサリングフレームワークです。Sassがベースになっており、mixinで予めベンダープレフィックスが定義されていたりと、Sassをより便利に使え
5つのサイトストラクチャ（Webサイト情報構造）を実際のサイトと照らしあわせて考える
2012年 08月 24日 5つのサイトストラクチャ（Webサイト情報構造）を実際のサイトと照らしあわせて考える カテゴリ： IAシンキング Webデザイン タグ：IAシンキングWebサイト構築 サイトストラクチャとはWebサイトの構造のことです。サイトストラクチャを考える際には、作るサイトの目的に合わせた設計が必要なのは言うまでもありません。では、その目的に合わせた設計とはどういうものでしょうか？それを考えていきたいと思います。 1.サイトストラクチャ（サイトの構造）パターンについて 2.5つのパターンの解説 3.サイトの全体像と部分的な構造 サイトストラクチャ（サイトの構造）パターンについて Webサイト制作にあたり、サイトの設計で多く採用されるものとして5つパターンがあります。 階層型分類構造 ファセット型構造 Web型構造 直線型構造 ハブ＆スポーク型構造 名称だけを見てもピンと来
Webサイト構築における、「情報の分類とコンテンツの理解」をECサイトで考えてみる。-IA シンキング- ｜https://wp.yat-net.com/name
2012年 07月 10日 Webサイト構築における、「情報の分類とコンテンツの理解」をECサイトで考えてみる。-IA シンキング- カテゴリ： IAシンキング Webデザイン タグ：IAシンキングWebサイト構築 Webサイトを制作していて非常に気を使う部分になる情報の分類。例えば商品やコンテンツの分類で、あまりに関係ない分類をしてしまうとユーザーはそれを見つけにくくなり、本来であればユーザーの要望にマッチしたものを提供出来るのにユーザーを逃す事になってしまいます。そうならない為にもWebサイトにおける情報やコンテンツの分類は分かりやすくする事が非常に大切な事になります。 1.情報の整理について「LATCH法」 2.分類に迷ったら 3.必要最低限のコンテンツ、必要不可欠なコンテンツ 4.情報の分類とコンテンツの理解がもたらすもの 1.情報の整理について「LATCH法」 情報の整理に置いて
VPSって一体なんだろう？VPSの事を調べてみた - YATのBlog
VPSって一体どういうものなのかを図解入りで解説しました。参考になるサイトやツールの紹介もしています。最近低価格帯で提供されているVPSが人気で良く耳にします。 中でも周りのブロガーさん達にはさくらVPSが人気なようで、僕も当ブログをさくらVPSに引越ししようと色々と調べてました。 しかし、このVPSって一体何でしょう？今回はVPSについて色々調べた事をさくらVPSを基準にしてまとめておきたいと思います。 1.VPSとは 2.何が出来るの？ 3.必要なもの 4.さくらVPSについて 5.まとめ 1.VPSとは VPSとはバーチャル・プライベート・サーバ (Virtual private server) の略で、1台のコンピュータ上に複数の仮想サーバーを起動するソフトウェアの事を指します。 レンタルサーバーが提供しているVPSはこれを採用している為、我々利用者は共用サーバーでありながら1
フリーイラストサイト12点。商用利用OK・著作権表示不要・無料。 ｜https://wp.yat-net.com/name
2012年 04月 20日 フリーイラストサイト12点。商用利用OK・著作権表示不要・無料。 カテゴリ： フリー素材 タグ：イラストフリー素材まとめ作成支援ツール 会社内の資料を作成する際やブログを書く際にイラストが欲しい！と思うことは多々あるんですが、ひとつひとつイラストを書いてると膨大な時間が掛かってしまいあまり現実的では無いかなと思います。 なので、ちょっとフリー素材として使えるイラストを公開してくれているサイトをご紹介すると共に、シェアさせて頂こうと思います。 こういったものをフリーで公開していただけるのは非常に有難く頭が上がりませんね。尚、商用利用可能で、著作権表記が出来るだけ不要のものをご紹介させて頂きますがWeb上で公開したりする際は念の為、各サイトのポリシーや利用規約をご確認下さい。
デザインする上で要素を目立たせるという事 ｜https://wp.yat-net.com/name
デザインやコンテンツ制作の打ち合わせをしていると必ず出てくる「目立たせる」という行為。 人によって「赤くして」とか「大きくして」と言った抽象的な言葉で表現されますが、僕ら制作者はその言葉をそのままの意味で捉えるわけには行けません。 何故なら、依頼者が何か目的があってそこを赤くする必要がある、大きくする必要があるならばそれを取り入れば良いです。ですが、その目的がその要素を目立たせたいという場合では話が変わってきます。 そうなると、本来の目的は「目立たせること」であって、決して赤くすることや大きくすることが目的では無いため、実際に赤くしたり、要素を大きくしても目立たなければ目的が達成されず満足されることは無いでしょう。 赤くして欲しい、大きくして欲しいと言うのは、依頼した人の中にある目立たせる事に直結したイメージである場合が多いので、実際に何を望んでいるのかを読み取ることが大事です。 1.要所
脳内にある情報を視覚化することで情報整理をするマインドマップ ｜https://wp.yat-net.com/name
マインドマップというものをご存知でしょうか？wikipediaで調べると出てきますが意味的には下記のとおりです。 マインドマップはトニー・ブザン(Tony Buzan)が提唱した思考・発想法の一つである。あるいは、私たちの頭の中で起こっていることを見えるようにした思考ツールのこと。 マインドマップ wikipedia これだけ見ると凄くおおごとのように聞こえますが、特別凄い装置が必要とかそういうことではありません。誰でも簡単に行うことが出来ます。 1.マインドマップを行うメリット 2.マインドマップの書き方。 3.他人のマインドマップが見れる「マインドマップアーカイブ」 4.他人のマインドマップを見れることのメリット 1.マインドマップを行うメリット 上記でも少し触れましたがマインドマップとは脳内に有る概念を視覚化していくことで情報の整理や思考の展開を行うことです。視覚化の方法は ある概念
売れるECサイト・ネットショップにする為に必要な事 - YATのBlog
インターネット上には沢山のECサイトが存在します。その中には当然「売れるサイト」と言われるサイトがありますし、サイトを立ち上げるなら無論皆さんはこれを目指すと思います。 では、売れるサイトを作るにはどうすればいいのでしょうか？ Index 1.売れるサイトに必要なこと 2.他のサイトとの差別化 3.最も大事なこと 1.売れるサイトに必要なこと そもそも売れるサイトとはどういうことでしょう？アクセス数が沢山あって、月に数千万円売れれば売れるサイトでしょうか？それは確かに売れるサイトと呼べるかもしれませんが、もしかするとそのサイトは運営側にとって離脱率や直帰率がまだまだ高く、また、数千万円売れていても赤字で売れるサイトととは呼べないかもしれません。 僕自身が考える売れるサイトとはユーザーが買いたくなるサイトを指すのではないか？と考えます。訪問者数が少なくても「買いたい」と思うユーザーが沢山入れ
ブログを運営している上でインストールしている全プラグイン20個 [WordPress] ｜https://wp.yat-net.com/name
2011年 08月 29日 ブログを運営している上でインストールしている全プラグイン20個 [WordPress] カテゴリ： WordPress タグ：WordPressWordPressプラグイン ブログをリニューアルしました。それに伴ってプラグインを整理したのですが、「ん？これなんだっけ？」ってのが結構あったので、後々の事考えてインストールしているプラグインを書き留めておきます。結構便利なものも多いので今からwordpressをやろうと考えてる人には役に立つかと思います。 尚、紹介する順番はアルファベット順となっております。（管理画面がアルファベット順な為） Akismet http://wpdocs.sourceforge.jp/プラグイン/Akismet コメント内容をチェックするスパム対策プラグインです。結構な数のスパムコメントが入ってくるので重宝しています。 Another
![ブログを運営している上でインストールしている全プラグイン20個 [WordPress] ｜https://wp.yat-net.com/name](https://cdn-ak-scissors.b.st-hatena.com/image/square/c6ea928f5e1876a88c89ea38311e1848fe38b09a/height=288;version=1;width=512/https%3A%2F%2Fwp.yat-net.com%2Fyatblog%2Fwp-content%2Fuploads%2F2011%2F08%2Fwordpressplugin_00-1.jpg)
制作会社、WEB担当者も知っておくべきSEO用語集 ｜https://wp.yat-net.com/name
SEO業者の方々とやり取りをする際や、クライアントへの説明が必要な際に知っておくべき用語をピックアップして意味を調べました。どの技術が有効で何がブラックなのかというのは基本的に記述していません。あくまで専門用語の解説として活用してください。関連する情報を解説しているサイトのリンクも付けていますので、詳しく知りたい方はリンク先のサイト等を参照してください。 ホワイトハットSEO 検索エンジンのルールに従いサイト制作を行うことです。 White Hat SEO （ホワイトハットSEO）とは – 海外SEO情報ブログ ブラックハットSEO SEOにおいて悪質な手法を駆使して検索上位に表示させる手法・技術のことです。上記ホワイトハットSEOと対極の言葉でもあります。 ブラックハットSEO – IT用語辞典バイナリ サテライトサイト SEO対策や集客を目的として本サイトとは別に作られたサイトのこと。
HTML5、CSS3に関する情報まとめ。リファレンス情報、辞典サイト、CSSジェネレーター、Validatorなど知識～活用まで ｜https://wp.yat-net.com/name
2011年 07月 11日 HTML5、CSS3に関する情報まとめ。リファレンス情報、辞典サイト、CSSジェネレーター、Validatorなど知識～活用まで カテゴリ： CSS3 HTML HTMLとCSS タグ：CodingCSS3ジェネレーター作成支援ツール 現状HTML5とCSS3を利用したサイトの構築は自分の仕事上では出てきそうにないのですが、そうは言っても何も情報を収集しないわけにも行かないのでブックマークは当然しています。しかし、ただ単に貯めてるだけだといざという時活用出来ないので、一度ブログに書き留めておこうと思います。 html5 現状深く調べておらずリファレンスやタグ辞典的なものを収集しています。最近友人のクロ（@CROO1379）が色々情報を収集してサイトを構築しており、リファレンス的な意味ではかなり拾えそうな感じになっています。
WEB集客について、失敗しないリスティング広告のために考えるべきこと ｜https://wp.yat-net.com/name
2011年 06月 28日 WEB集客について、失敗しないリスティング広告のために考えるべきこと カテゴリ： EC SEM タグ：サイト運営マーケティングリスティング サイト運営を行う上で集客というのは非常に重要なものです。 WEBサイトは公開すれば誰でも見れるようになる媒体ですが、見てもらうには当然そのサイトを知ってもらう必要があります。 現状WEBの集客としてはSEOを含んだSEM、メールマガジン、ソーシャルネットワーク、アフィリエイトなどが主流かと思いますが、今回はSEMに分類されるリスティング広告の話しを書きたいと思います。 リスティング広告とは そもそもリスティング広告は皆さんご存知のとおり指定したキーワードに対して「露出したいページに対するリンク広告」を表示させる仕組みです。 ユーザーが指定したキーワードを検索エンジン等で検索した際に、掲載している広告をクリックした場合、ユーザ
407個のwebデザイナー＆デベロッパーズ向けフリーアイコンとアイコン配布サイト2サイト ｜https://wp.yat-net.com/name
2011年 06月 01日 407個のwebデザイナー＆デベロッパーズ向けフリーアイコンとアイコン配布サイト2サイト カテゴリ： フリー素材 タグ：アイコン作成支援ツール サイトにおけるアイコンですが、自作するのも良いですがハイクオリティなアイコンもpsdなどの状態でフリーでダウンロード出来る物などもあるのでこちらを使うのも有りだと思います。（但しライセンスに関してはリンク先等をご確認の上でご使用下さい。） 今回はwebデザイナーやデベロッパーズ向けのものを集めました。
ユーザーとサイトの距離を縮めるwebサイトツアーを実装するjQuery 「Website Tour with jQuery」 ｜https://wp.yat-net.com/name
2011年 04月 26日 ユーザーとサイトの距離を縮めるwebサイトツアーを実装するjQuery 「Website Tour with jQuery」 カテゴリ： jQuery タグ：jQueryデザインユーザビリティ 会員制のサイト等をたちあげたり、リニューアルした際気になるのはユーザーが使い方を把握してちゃんとサイトを使ってくれるかという点ですね。 当然ユーザビリティを考慮してサイトのデザイン、製作は行いますが機能が多いと分かりづらいと感じてしまうのは仕方のないことです。 そこで活用するのがサイトの説明書的なページですが、このjQueryを使うことで更に分かりやすく使い方を伝えることが出来ます。 サイトリニューアル時に活用する リニューアルに置いて、ユーザーが利用出来るものが増えることは非常に良いことですが、機能が増えたり、変更があったりする分ユーザーは今まで使っていたように使えなく
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ガーリーデザインなんかに良く合うカリグラフィーやスクリプトのフリーフォント ｜https://wp.yat-net.com/name
和紙のテクスチャやパターン113種類。商用OKのフリー素材。 ｜https://wp.yat-net.com/name
