良いデザインって？技術を学ぶ前に知っておきたいデザイン・レイアウトの基本的なこと
デザイナーになりたいって思った時にPhotoshopやIllustrator、cssやhtmlを勉強しなきゃな〜><て考えると思うのですが、技術的なことを学ぶ前にまずデザインが出来なきゃ始まりませんよね。 センス？かっこ良さ？奇麗さ？良いデザインにしたいけど、何をしたらいいかわからない。そんな時に何を考えたら良いのかデザインの基本をまとめてみようと思います XD はじめに 良いデザインって？ 最良の方法？ 1.コンテンツの目的 2.ターゲット 3.これらを組み合わせた例 デザインの基本 1.書体について 2.ジャンプ率 3.ホワイトスペースを生かす >ホワイトスペースで情報を分割する >ホワイトスペースで囲む >ホワイトスペースにあえてはみ出す 最後に はじめに デザインという言葉を聞くと、かっこいい、かわいい、おしゃれ、きれい、などと感覚的なものを思い浮かべる方が多いのではないでしょうか
Webデザイナーならば必ず一度は憧れる、余白が美しいWebデザインまとめ59個
artless Inc. / mount inc. / standardimage他...全60件
今更聞けない？！WEBデザイナーなら最低限知っておきたい有名フォントの数々 | バンクーバーのうぇぶ屋
最近、フォント名を知らないデザイナーが増えてきていると思うんですよね。 実は使ってるんだけど、どのフォントを使っているか意識していなくて、「これ何のフォント？」と聞くと、「ちょっと待ってくださいね。調べます。」という会話を良く耳にするようになったような気がします。「会社のPCに入ってたー」みたいなノリでしょうか。 というわけで、今日は僕がWEB屋をやってきた中で、「最低限、これは知っておいた方がいいんだろうな」と思ったフォントを幾つかご紹介。 英文フォントを中心に、色々有名どころを総当りしていきます。主に僕が仕事で使ったことがある物を中心に紹介していきますね。（順不同、のつもりで僕の好きな順） Helvetica 世界中のデザイナーに愛されるデザイナーフォントと言えばやっぱりHelveticaですよね。 元はスイスのデザイナーによって作られたフォントでMacだと標準フォントのひとつになって
Web制作者は知っておきたいwebサイトのレイアウト7選 │ Design Spice
レスポンシブwebデザインからグリッドデザインまでよく使われているwebデザインのレイアウト用語をまとめました。 レスポンシブwebデザイン エラスティックレイアウト リキッドレイアウト フレキシブルレイアウト 固定幅レイアウト グリッドレイアウト 可変グリッドレイアウト レスポンシブwebデザイン(Responsive Web Design) PCやスマートフォン、タブレット事に複数のデザインを制作するのではなく、 ディスプレイの幅に合わせてデザインを最適化する方法。 CSS3のMedia Queriesを利用してディスプレイサイズに応じてデザインを変更します。 メリット 一つのソースで複数デバイスに対応できるのでメンテナンスが容易です。 また今後デバイスの種類が増えてもそれに対応できます。 それぞれのデバイスに合わせた形で調整できるのでユーザーエクスペリエンスも高くなります。 デメリッ
日本の良デザインなWebサイトのみを集めているシンプルなデザインギャラリー・81-web - かちびと.net
とっても見やすかったのと、コンセプト が良かったのでご紹介。日本の良デ ザインなWebサイトに特化したWeb デザインギャラリーサイト・81-web。 大分知られてる様ですが、もっと知られ て欲しいなと思ってシェアしてみます。 まだ最近立ち上がったギャラリーのようです。掲載数もそこそこ充実してきているみたいなので覚えておきたいですね。 ミニマル構成でとっても見やすいです。「81」というのは日本への国際電話の際に使う数字ですね。 検索はヘッダに ロゴ上部にあるボタンをクリックすると上図のようにパネルが展開されます。色やカテゴリでソート出来ます。 Twitterでの評判が表示されてるのは素敵 個別ページには大きなキャプチャと、Twitterでの評判が表示されています。気になるWebデザインに対する他の方の意見を見れる、っていうアイデア素敵ですね。 とにかくシンプルで見やすいのが僕は気に入りまし
WEB標準デザイン、はじめの一歩 ～デザインからマークアップまで～
第6回 岡山WEBクリエイターズのセッション1で発表したスライド内容を全文掲載。第6回 岡山WEBクリエイターズ セッション1『WEB標準デザイン、はじめの一歩 ～デザインからマークアップまで～』 岡山WEBクリエイターズ勉強会でお話した内容を、スライドとともに全文掲載しています。 テキストはあくまで原稿そのままですので、実際に喋った内容とは幾分異なる場合があります。 スライドのPDFをダウンロード 講師概要 SKPRODUCT代表。 デザイン、コーディング、PHPによるシステム構築、ActionScriptを使用したFlashなど、WEB制作全般を行うWEBアーキテクトです。 岡山の大手企業・学校などを中心にWEBサイトと独自に開発したCMSフレームワーク『SEED』の提供を行っています。 本日は、WEB標準デザインはじめの一歩です。 WEB標準というと、技術的なことを想像される方
ウェブデザインのマンネリ化から抜け出したい人のためのリンク集
ウェブサイトでよく使用されるエレメントやデザインのアイデアをコレクションしている、インスピレーションを与えるサイトを紹介します。
【Fireworks】Fireworksでボタン画像を作る8つのステップ | バシャログ。
ボタン画像を作る手順やテクニックは色々とありますが、そのうちのひとつをご紹介します。 使用したソフトは Fireworks8 です。今回は、たった 8 つのステップでそれなりに見栄えの良いボタンが作れるのが特長です。 Step 1 矩形の上にテキストを置いて、準備オッケー。 Step 2 矩形をほんの少し角丸にします。 アールをきつくすると素人っぽい画像になってしまうので注意。 Step 3 矩形の塗りをグラデーションにします。 Step 4 矩形とテキストの間に上記のようなパス（透過率50%）を置きます。 パスは矩形をコピーしてパスにし、ナイフツールでスパっとやると簡単に作れます。 Step 5 先ほど作ったパスのサイズ・位置を微調整して、塗りのエッジをぼかします。 Step 6 そのままだと立体感に欠けるので、最初に置いた矩形にフィルタ：シャドウ（内側）を適用します。 Step 7 テ
はなみち舎 ― 岡山市のレトロモダンな雑貨・和風ファッションのお店
はなみち舎について はなみち舎は東京・大阪・名古屋・京都・九州など各地をふらりと歩いて見つけたちょっと良いもの、和を感じるものを集めたお店です。洋服から小物・アクセサリー・食器・家具など身近に「和」を楽しめる商品を取り揃えております。 住所 〒700-0945 岡山県岡山市南区新保1613-5 電話番号 086-244-7787 営業時間 11:00～18:30 定休日 毎週火･水曜日 お店までの地図 お車でのアクセス ●国道30号線青江南交差点を西へ。歩道橋を抜け、二つ目の信号を左折すぐ。 ●県道児島線下中野交差点を東へ。ＪＲ高架を抜けてから、二つ目の信号を右折すぐ。 バスでのアクセス ●下電バス下中野北停留所 下車徒歩15分 GoogleMapで周辺地図を見る
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
