html5を利用してコーディングする事が増えてるかと思いますが、今でも出てくる話題が「articleとsectionの使い方に迷う。」という事。それらを利用しなくてもhtmlは組めるので、使わないという選択肢も有るのですが、折角なら理解して使いたいですよね。 1.html5について 2.article要素 3.section要素 4.文章のアウトラインについて 5.まとめと文献 1.html5について そもそもhtml5が何か？を説明しておきます。html5はウェブアプリケーションとしての機能や、マルチメディア要素が実装された規格のhtmlです。 記述方法に関しても、これまでのバージョンやxhtmlのものとは違い、かなりシンプルに記述することができ、僕自身もその書きやすさが気に入って、それを選択候補に入れています。 ただ、html5には、これまでのバージョンから存在している多くのタグに、さ

デザインには意味があります。物を配置するにしても、なぜそれを配置するのか？なぜその色味なのか？なぜそこに置くのか？など、実に多くの事を考えてデザインは行われています。 そのためデザイナーが考える事は実に沢山有り大変なのですが、デザインには決められたルールという物が存在し、「こうしなければならないルール」、「こうしてはいけないルール」と言ったものが多数存在します。 デザイナーはそういったルールを知識として蓄えているので、考えるべき点を素早く整理し形にしていくことが出来るのです。 今回はそのルールについて少し述べたいと思いますので、デザインが苦手な人も是非そういったルールについて考えてみて頂ければと思います。 レイアウト ビジュアルは左、テキストは右 人間の脳は左側に配置されたものを感覚的に美しいと感じやすく、右側に配置されたものを理論的な思考で捉えやすくなっています。そのため上記のような写真

ECサイト、ネットショップにおいて考えておくべきユーザビリティを9つピックアップしました。もちろんこれが全てではありませんし、サイト設計の上ではもっともっと細かく考えることはたくさんあります。今回はコンバージョンを下げない、直帰率を下げないために施策する場合に何をするか？を簡潔にまとめています。他のネットショップを運営されている方がどういう事をされているかも凄く気になりますね。 1.ロゴはHOMEへ ロゴをクリックすればトップページへ行くという認識を持たないユーザーは沢山います。トップページへ行くためのボタンは別途用意し、そういったユーザーへのフォローも施策しておく事が大切です。 リンク時における色を変更し統一することでユーザビリティは確保ます。しかし、ブラウザのデフォルトである青色に下線と言ったルールを採用することで、より多くのユーザーに対してそれがリンクであると言うことを認知してもらい

関西にある「和」を感じる街「京都」。仕事上でこの京都に関するランディングページを作る機会があったので参考にできるサイトを集めました。今後も使えるのでポストします。 京都の色彩 京都のイメージカラーとしては赤、黒、茶、紫、緑、ベージュといった色を連想します。茶や緑は趣きのあるものをイメージし、紫は伝統を連想させてくれます。赤は茶屋ののれんや舞妓さんの紅をイメージ出来ますし、黒は格調高さを際立たせ、それぞれが伝統の街「京都」を彷彿とさせる重要な役割を持っていると考えらえます。 背景も和紙をイメージさせる白からベージュあたりの淡いものを持ち込むと一層雰囲気が醸し出せますね。メインビジュアルに派手な金を用いる事で上品な派手さを演出する事もひとつの手段だと思います。 それぞれのバランスを考えながら上品にカラーリングを決めたいところですね。 パーツ一つ一つを作り込む 京都関連のサイトを見ていて思うので

2013年 01月 09日 今さら聞けない？有名なフォント12種類の紹介とフォントの基礎知識について カテゴリ： Font タグ：Font 新年明けましておめでとうございます。今年も色々と挑戦する年にしたいのですが、一先ずブログをしっかり書くというのをベースにがんばります。 早いもので、このブログも気がついたら3年が過ぎ4年目に突入していました。立ちあげ当初は辞めないことを目標にしていましたが、続けることが大事だなと今でも思っています。皆様本年もよろしくお願いします。 今回は自分がよく使っているフォントをまとめました。他にも使っているフォントはもちろんあるんですが、基本的なフォントやWebベースで使えるフォントあたりを紹介しています。 1.フォントリスト 2.フォントの基本 3.考察 フォントリスト 欧文フォント 1.Arial 2.GEORGIA 3.Myriad 4.Verdana 5

僕は甘いもの、特にケーキが好きなんですが、最近Webサイトが凄く独創的なショップサイトを目にすることが多く、行ってみたいと思うお店が多くてやばいです。 販売しているケーキ屋やスイーツが美味しいのは当然として、Webサイトやお店にストーリーだったり、特出したデザインだったりといったものが見えると、どうしても行ってみたい！って強く思ってしまうんですよね。 素敵なサイトの紹介 1.素敵なサイトの紹介 今回はそんな素敵なサイトをまとめて紹介したいと思います。ツイッターで流れてたり、有名なお店だったりするので、知っているサイトが殆どかもしれませんが、まとめとしてストックしておきます。他にもあったら是非教えて下さい！ ANTIQUE -アンティーク- パンを販売していますが、ドーナツも販売しているのでスイーツというカテゴリに入れちゃいました。スイーツのサイトで一番気に入っているサイトです。大阪にも店舗

2012年 04月 20日 フリーイラストサイト12点。商用利用OK・著作権表示不要・無料。 カテゴリ： フリー素材 タグ：イラストフリー素材まとめ作成支援ツール 会社内の資料を作成する際やブログを書く際にイラストが欲しい！と思うことは多々あるんですが、ひとつひとつイラストを書いてると膨大な時間が掛かってしまいあまり現実的では無いかなと思います。 なので、ちょっとフリー素材として使えるイラストを公開してくれているサイトをご紹介すると共に、シェアさせて頂こうと思います。 こういったものをフリーで公開していただけるのは非常に有難く頭が上がりませんね。尚、商用利用可能で、著作権表記が出来るだけ不要のものをご紹介させて頂きますがWeb上で公開したりする際は念の為、各サイトのポリシーや利用規約をご確認下さい。