読者です 読者をやめる 読者になる 読者になる

Webデザイン初心者向けのあれこれ

Webデザイン初心者向けのあれこれを書いていきます。

デザイン

Flashじゃないんだぜコレ…HTML5+CSS3で書かれた驚きのサイト7つ

早いもので年が明けて1か月が経ちました。春はまだ遠いと思っていましたが少し暖かくなってきたような気もします。 来年に正式勧告が予定されているHTML5ですが、既に世の中にはHTML5を駆使したサイトがたくさんあります。 今日は「HTML5+CSS3で書かれた一瞬…

大人気ゲームアプリ、「拡散性ミリオンアーサー」から学ぶ画面デザイン

通勤・通学途中であったり、カフェや道端などでも、今や多くの人がスマートフォンでさまざまなアプリを楽しんでいますよね。 結局どんなゲームが一番人気なんだろう、と思い調べてみました。 『ソーシャルメディア調査報告書2011』によると、実に45.9%の人が…

【無料で商用可】文字の印象をグッと変える使いやすいカリグラフィーまとめ

「カリグラフィー」という言葉をご存じでしょうか? カリグラフィーとは文字(特に欧文)を美しく書く技術のことです。古くはコーランにも用いられ書面を美しく飾ることに使われてきました。 参考 : カリグラフィー - Wikipedia カリグラフィーはフォントにも…

バレンタインまで一か月! チョコっと可愛いWebサイト

年が明けたと思ったら、あっという間にバレンタイン! もう一か月切ったんですね…。 大手製菓企業では、Webサイトの方も大分バレンタインっぽくなっていました。 今年の森永、ロッテ、明治のサイトデザインは以下の通り! 1.森永製菓 全体的にピンクを基調と…

韓国のNAVERはココが違う!NAVERが提供するWEB標準開発ガイドやソース付きUIパターンもご紹介!

日本でもどんどん認知度を上げているNAVER(ネイバー)! 日本では検索エンジンって聞かれると、GoogleやYahooを思い出しますが、 韓国では、NAVER・Daumなどが普通です。 今回は、韓国のNAVERで提供しているWEB標準開発ガイドやUIパターン、 その他のサービ…

2013年流行りそうなWebサイトはズバリ!!「アシンメトリー」

2012年ももう終わりですね。皆さん今年はどんな一年でしたか? 私はマヤ文明を信じて どうせ今年中に死ぬならと思い 今まで貯めたお金を全て使って なんと・・・・・・・・・・ 世界一周旅行をしました!! なんーて冗談はさておき(-_-) 今日は2013年に流行…

【商用可】今年、何回も助けられたテクスチャサイトを紹介します。- グランジ・紙や本・木・パターンなどよく使うものはココから!

個人的にデザインする時、よく使っているのがテクスチャ!です。 ちょっと加えるだけでも、完成度が全然変わります! しかし、テクスチャが凄く気に入っても、 海外サイトだったり、著作権に基づく記述などが必要になったり、 使う時に少し大変ですよね。。…

【とびだせどうぶつの森】第二回! ゲームで楽しくドット絵に挑戦! 【QRコード付】

以前書いた、エヴァンゲリヲンのマイデザイン配布記事に引き続き、今回も「とびだせどうぶつの森」でドット絵の練習をしていきたいと思います。 今回は、お洋服というよりはよりイラストに近いものを描いていきますね。 さて、本題に入る前にみなさんは「Ib…

【個人・商用無料】年賀状に使える! へびのフリーイラスト

もうすっかり辺りはクリスマスの雰囲気に包まれていますね。 駅前のイルミネーションがとてもきれいです。 ただ、浮かれてもいられないこの時期…。 もう年末です。年末といえば、やらなければいけない事がありますよね。 そうです、年賀状です。 新年に、お…

2012年Webデザイントレンドをまとめておきましょう。 - 飲食店・フード関係サイト編

もう2012年もあと少し! ということで、今年流行っていた、素敵だったサイトをまとめてみたいと思います。 今回は飲食関係、フード系のサイトのまとめです。 1. Metzgerei Büttner ドイツのお肉屋さんぽいですね。 お肉の赤い色が強調されていて、お肉が一層…

作業が捗る! プログラミングに適したフォント7個

皆さんはコーディング・プログラミングをする時はなんのフォントで打ち込んでいますか? DwやHTMLエディタ、テキストエディタのデフォルト設定で多いMSゴシックのまま作業をしているという人もいるでしょう。 勿論デフォルトのままでもいいのですが、数字の“…

【とびだせどうぶつの森】ゲームで楽しくドット絵に挑戦! 【QRコード付】

最近はenchant.jsなどでゲームを作る事もあったので、ドット絵を描く機会も増えました。 9leapなんかを覗いてみると、結構皆さんドット絵で作ってらっしゃいますよね。 あえてドット絵風にして、ちょっと昔風のゲームにしてみるのも素敵です。 enchant.jsの…

イケてる観光・公共機関のWebサイトデザイン

皆さんは自分の住んでいる地域や県のサイトを見たことがありますか?見たことがあるという人の多くは「お固いなあ……」という印象が多いかと思います。 仕方のない事とはいえなんだか無味乾燥……。ですが市や区としての公式サイトはカッチリでも、観光などのサ…

見栄えをよくしてくれるWebツールまとめ - CSS編

今日はCSSでのデザインをより簡単にしてくれる優れたWebツールをご紹介したいと思います。 Webツール - CSS編 グラデーションやボックス、グリッドなどがメインとなります。 CSS3gen ※ Box Shadow only Box Shadowを調節してくれるツールです。 左から角度…

ナビゲーションやボタンのデザインに悩んだ時に見たいWebサービス

遊び心のあるグローバルナビゲーション、見やすいメニュー、かわいいロゴ……見ていて楽しいUIは、けれど自分でつくろうと思うとなかなか上手くいかないですよね。 デザインに悩んだ時はデザインを見るのが一番! というわけで今回は、そんな時に利用したいWeb…

jQueryを使ったスライド・ギャラリーのライブラリを7個集めてみた

どうもこんにちは、僕です。 よく企業サイトで見かけるスライドショーですが、以前はFlashを使ったものが主流でした。 最近では、特別なプラグインを入れることなく動くJavaScript(jQuery)を使用したものが増えてきていますね。 今日は、jQueryを使用した…

本格的な作業に入る前に! サイトの全体や構成が一目で分かる手書きワイヤーフレーム例

ワイヤーフレーム? 企画やサイトの方向が決まったら、どこにどういう内容を入れるかで結構悩みますよね。 PhotoshopやFireworksでやっている方もいらっしゃると思いますが、 個人的にはソフトを使用する前に、手書きのワイヤーフレームを作るのをオススメ…

もうすぐハロウィン!ハロウィンをモチーブにしたロゴデザイン20個

あと、もう少しでハロウィンですよね! 個人的にコスチュームなどには興味ありませんが、 海外のハロウィン用の料理とかグッズとか見ていると欲しくなります! そんなハロウィンを記念して、 かぼちゃ・ゴースト・魔女・ドクロなどをモチーブにした ちょっ…