WEBデザインが短期間で上達した方法
この記事は、Webデザインが短期間で上達した2つの方法として、新たに書き直しました。 WEBデザイナーとして10年ちょっと経過。 未だにデザイナーとして足りないものは多いですが、 どうにかクライアントにも満足してもらえる デザインが提供できるようになったと思います。 これは、自分が新米デザイナーだった頃にやっていた、デザインの上達方法です。 「上手くデザインができない！」「上手くなるにはどうすればいいの？」など、 どうすればデザインが上達するのかわかならい人の参考になれば幸いです。 新米デザイナーの頃、ダメなデザインをして先輩からよく叱られていました。 クライアントからデザイナーを交代してくれと言われ、 激しく落ち込んだこともあります。 いまになると恥ずかしいですが、 その頃の自分には、 プロのデザイナーとして最低限の能力がなかったのです。 クライアントの満足するクオリティのデザインを 期
CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ
最近改めて CSS の基本、要素の配置、レイアウトについて学習しました。過去に CSS でのレイアウトなどの記事を書いた事があるんですけど、改めて勉強してみたら、いろいろ間違えて解釈していたなー ... っていうか、基本が分かってなかったんだなーと反省 ...。今回は CSS の基本中の基本、視覚整形モデルについてまとめてみました。 Webデザインをする上で、必須とも言えるのが CSS …。このブログ – Webデザインレシピでも、過去に CSS について書いた記事がいくつかあります。最近 … でもないけど、以下のふたつは CSS でのレイアウトについて、いろいろと書いた記事でした。 CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ – 2011年 6月17日 CSS：初心者の頃にハマったスタイルシートのあれこれ … IE7多め -2011年 4月21日 で
TechCrunch | Startup and Technology News
Yellow, an asset financier for solar energy and digital devices in Africa has raised $14 million series B funding in a round led by Convergence Partners with participation from the Energy Entrepreneur Fisker, the electric carmaker founded by the Danish auto designer Henrik Fisker, is gearing up to enter the Chinese market where competition is increasingly cut-throat, following in the footsteps of
"-y"は「っぽい」って訳していいっぽい : 404 Blog Not Found
2011年07月08日14:00 カテゴリLogos "-y"は「っぽい」って訳していいっぽい Twitterから来た質問。 @dankogai さんならtruthy、falsyをどう訳したり説明したりします？訳に関しては真、偽でも文脈から意味を想像できるからいいのかなと自分は考えたんですけど。 http://t.co/aqWJJr9less than a minute ago via web Favorite Retweet Replym@nicovideo mnicovideo truthy, falsy の訳について考えてみた。 - Block Rockin’ Codes 'truthy', 'falsy' の和訳は「準真」「準偽」ではだめっぽい orz 結論は、タイトルのとおり。 よって"truthy"は「真値っぽい」、"falsy"は「偽値っぽい」でいい。 なのになんで質問者がこ
今年もやるにゃ！ 「Cool！ にゃらんcafe」
R25 cafeが7月7日から、じゃらんプロデュースの期間限定カフェ「Cool！ にゃらんcafe」を開店した。節電の夏を乗り切るため、温泉宿をイメージした店内でドリンクやスイーツの提供や、水温が低い温泉「冷泉」への旅情報も紹介する。9月30日まで。 カフェでは、2種類の味が隔週交代で楽しめる「パイにゃっプルマンゴーシェルキー」「抹茶にゃらんシェルキー」（それぞれ580円）、「ぷにぷに肉球アイスサンド」（350円、7月はずんだ、8月は黒糖、9月はりんご）、「トマトの肉球ティラミス」（480円、8月15日からは「抹茶の肉球ティラミス」）、「和ジェノベーゼで食べる おろしにゃー麺」（780円）が楽しめる。
2011年4月第1週号 1位は、色に関するユーザーエクスペリエンスと心理学、気になるネタは、アマゾンにも独自の「いいね」ボタンが導入 | gihyo.jp
週刊Webテク通信 2011年4月第1週号1位は、色に関するユーザーエクスペリエンスと心理学、気になるネタは、アマゾンにも独自の「いいね」ボタンが導入 ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2011年3月28日～2011年4月3日の間に見つけた記事のベスト5です。 1. The User Experience And Psycholgy Of Colour | SpyreStudioshttp://spyrestudios.com/the-user-experience-and-psychology-of-colour/ 色に関するユーザーエクスペリエンスと心理学についての記事です。 実際のサイトの例を挙げて、色とユーザーエクスペリエンスとの関わりについて説明しています。 フォーム
Webサイト設計におけるコンセプトワークのコツ（5W1Hを意識する） | Accessible & Usable
公開日 : 2006年8月5日 (2011年1月11日 更新) カテゴリー : 情報設計 (IA) Webサイト設計の「5つの段階」で、Jesse James Garrett（ジェシー・ジェームス・ギャレット）氏の"The Elements of User Experience"を引き合いに出して、Webサイト設計には事前の準備（コンセプトワークを含むプランニング）が大切であると述べました。ここでいう「コンセプトワーク」とは、Webサイトのコンセプトを詰める作業を意味しますが、その際、どんな点に留意すればよいのでしょうか？ ひとことで言うと、使い古された表現ですが「5W1H」が役に立ちます。「いつ、誰が、どこで、どのように、なぜ、サイトを利用するのか...？」と突き詰めてゆくと、取りこぼしを極力防ぐことができます。以下、具体的に見てみましょう。 What サイトの目的や意義は何でしょうか？
クオリティの高いWebデザインを見たい時はThe Css Awardsがいいかも
ハイクオリティ、綺麗なWebデザイン を見たいときはThe Css Awardsが 良いかもしれません。ここは素敵な Webデザインのサイトを毎日紹介 しているギャラリーで、厳しい審査 の元、1日1サイトが選ばれるサイト です。 そんなサイトなので、The Css Awardsに掲載されているWebデザインは基本的にクオリティが高そうです。有名なサイトみたいですが、最近知ったので改めてご紹介します。 素敵なデザインばかりですよ。審査してもらうにはお金が掛かるみたいですが、掲載されているサイトを見ると、ちゃんと厳選してくれてるっぽいですね。 The Css Awardsの歩き方簡単では有りますが、特徴をご紹介します。 検索 上部のMENUにマウスオーバーするとメニューが表示されます。そこでカラー検索やタグ検索が可能です。ascendingにチェックを入れると点数の低い順、descending
これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム:phpspot開発日誌
これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム 2010年06月07日- Plugins | jQuery Plugins これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム。 なかなかリッチなUIとGoogleカレンダーばりの操作性を持つ便利なスクリプトになっています。 Googleカレンダーに登録するのもよいのですが、ちょっと外部に流したくないこととかも結構あるので、自前で構築したいというニーズもあるのではないでしょうか。 タイムライン上をドラッグ＆ドロップして予定を入れられます。ポップアップがでるので予定を入れます。日本語もOK 見ての通りUIもなかなかいい感じです。 スケジュール管理等に活用できますね。 関連エントリ GoogleカレンダーみたいなカレンダーをjQueryで一瞬で作成できる「jquery-w
手軽にWebを彩るCSSコーディングテクニック50 - 海外デザイン事情第7回 - MdN Design Interactive
第7回「手軽にWebを彩るCSSコーディングテクニック50」 2010年03月15日 基本的なCSSを使ったWeb制作はそれほど難しくないが、より高いレベルのデザインを実現しようとすると、難易度はグッと上昇する。そんなときは、世界中のデザイナーやデベロッパーが提供しているCSSテクニックを使ってみるとよいだろう。ここでは、世界各国のデザイナーやデベロッパーが紹介している、ビジュアル表現やレイアウトなどを中心としたCSSのコーディングテクニックを紹介していこう。 翻訳元サイト：Smashing Magazine http://www.smashingmagazine.com/ 原文：50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms) http://www.smashingmagazine.com/2010/0
あなたのWebサイトを稼げるサイトに変えるための7つのステップ | 買いたくさせるWEBサイト文章術 | ダイヤモンド・オンライン
今回から、いよいよ7ステップに分けて、あなたのWebサイトを高反響のサイトに変化させるための具体的なテクニックをお教えする。ぜひ、紙とペン、付箋紙か大きめのカードを用意して、ここから先を読んで頂きたい。 ステップ1 Webサイトを通じて、稼ぎ出したい目標を決める たとえば、あなたがWebマーケティングを駆使して、そのサイトで年商1億円を目標とするならば、それを可能にするビジネスモデルを考えなくてはならない。コピーの書き方だけを覚えても、それだけでは最大の結果を得ることはできない。 例えば、何を、どういうビジネスモデルで売るのか、どういった方法で見込み客を引きつけるのか、彼らにどう商品を紹介していくのか、彼らの何パーセントがどういう商品を買ってくれるのかということを考え、最終的に年商1億円になる明確な目標を立てる必要がある。 ここでのポイントは、ぜひ理想の数字を設定すべきだ。小さな目標は、小
Fireworks で納品された素材をスライスする方法(ラボブログ)
スパイスラボ神部です。 もしこのブログを長く読んでくださっている方が５人でもいるとしたならお気づきかと思いますが、本当に毎回いろんなことをやる場面に遭遇します。これなんて器用貧乏？今回は楽しい Fireworks の使い方を調べますよ－。ちなみに Fireworks は「花火」の意味。DreamWeaver、Flash と、Macromedia 製品群にはあんまり統一感がありませんね。あ、今は Adobe か。 -Fireworksが好きだ！ - Favorites! たまには道具（ツール）に使われてみる テキストエディタなんかですと、無数にある分いくらでも自分にあったものをこだわり抜いて探し求めることが出来ますが「Ｗｅｂで使う画像に特化した画像オーサリング環境」なんてそうそうありません。Photoshop みたいな万能包丁もありますが、やっぱり基本は紙ですし、そういう意味では Firew
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
designmap.info
中学生でもわかるベジェ曲線
2011年7月11日のこれだけ読めば分かるWeb制作者まとめ | チートWeb
theta.ne.jp
ランディングページ集めました。
有料ソフトとデザイン作業を無力化させる30のブックマークまとめ*ホームページを作る人のネタ帳
Photoshop Tutorials @ Designstacks | Art / Design | Page 221
CSSによる段組（マルチカラム）レイアウト講座