Webデザインは、紙の上のデザインと違うところも多いと思います。でも同じデザインですから、歴史ある DTP デザインから学ぶことはいっぱいあります。デザインの基礎の基礎、レイアウトについて、デザインするときに気をつけたい基礎の部分の注意書きです。 毎日インターネットを見ていると、素敵なデザインの Webサイトに出会います。ときにはひと目惚れしちゃうようなこともあります。そんなデザインにあったとき、どうして素敵なのかなーと考えるのも勉強のうち。そう思って素敵なデザインはストックしておいて、自分なりにそのデザインが素敵な理由を考えてたりします。 デザインの理由 どうしてそういうデザインをしたのか … デザインには理由があります。気まぐれに色を選んだり、要素を配置したりしないからです。なので自分のデザインの理由、どうしてそういう風にしたのかということを、口で説明できないとダメだと言われます。もち

このブログ、Webデザインレシピのデザインをリニューアルしました。 この機会にデザインを勉強したことがない人でも、楽しくデザインをすることができるかもしれない、基本原則 4つをご紹介します。 この原則は「ノンデザイナーズ・デザインブック」著者 Robin Williams で詳しく解説されています。 古い本ですが、とっても素晴らしい本で今では新装増補版となって発行されているようです。 今回、このブログ – Webデザインレシピのデザインを、ガラッと変えてみました。これを機会にちょっとデザインの基本というか、デザインをするときにガイドとなる、4つの原則をおさらいしておきます。Webデザインに限らず、会社で提出する報告書や学生さんのレポート、レストランのメニューなど、ページと呼べるものには全部当てはまると思うので、Webサイトを作るとかじゃなくても、知っておいて損はないかもしれませんね。 せっ

写真はウェブに限らず、デザインをする上で非常に重要な要素です。 ここではウェブデザインで使用する際の写真の入手から、カラースキーム、タイポグラフィとの組み合わせ方などシンプルで効果的な方法を紹介します。 Designing From a Photo: Quick Tips and Best Practices [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに 写真の入手 Color Schemes Typography Bleed まとめ はじめに フォトグラフィはタイポグラフィ以来、デザインを成功させる最も素晴らしい手段です。クオリティが高い写真は程度の低いデザイナーでも素晴らしいデザイナーのように見せるでしょう。 素晴らしいフォトグラフィのデザインをするためにいくつかのテクニックとアイデアを紹介します。 写真の入手 まず第一に、デザイナーとしてあなたができる最も良い方

はてブ twitter delicious livedoor クリップ Tumblr Instapaper メールで送信 デザイン・アート ビジネス・仕事術 2010.09.21 0 山田井 ユウキ デザイナーでなくても、何だかんだデザインをする機会はありますよね。 たとえば会社の書類作りとか、学校でのちょっとした行事の準備とか......そういうときにキラッと光るセンスの良さを発揮できるとかっこいい！ ということで今回は、「Blog hamashun.com」から「デザインの4原則」をご紹介します。 これはブログ主が参加したデザイン勉強会で語られたものなのだとか。 デザインのデの字も知らない僕でも「なるほど！」と思えたので、皆さんもぜひ覚えて活用してみてください。見出しと要点だけ引用します。 近接の原則 情報は、グループ分けが肝心。 意味的に近い情報同士は、近くに配置するとよい。 整列の

デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています・・・デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。 デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、 実はデザインというものは数々のルールによって成立しています。 そのルールの知識があればデザイナーレベルとはいかないものの、見た目がきれいなグラフィックは作れるはずです。 デザインという言葉の定義やソフトの使い方から始めてしまうとややこしくなるので、 今回はあくまでも「とりあえず見た目をキレイにする」ということに重点を置いて説明します。 記事内で

1 以下、名無しにかわりましてVIPがお送りします 2010/02/28(日) 00:54:22.77 ID:FS2s1X7Q0 二十歳街道まっしぐらとか http://tokuna.blog40.fc2.com/ 3 以下、名無しにかわりましてVIPがお送りします 2010/02/28(日) 00:55:55.34 ID:FS2s1X7Q0 どんどん教えてくだしあ 4 以下、名無しにかわりましてVIPがお送りします 2010/02/28(日) 00:56:45.45 ID:3gtZLmqc0 ぷにるのブログとか? 6 以下、名無しにかわりましてVIPがお送りします 2010/02/28(日) 00:57:51.94 ID:FS2s1X7Q0 >>4 これか フェンリル | デベロッパーズブログ http://www.fenrir.co.jp/blog/ 8 以下、名無しにかわりましてVI

緊急告知 夏休みイベント：「将棋を楽しもう」を開催します 外国人や初めての人にも分りやすくデザインしたユニバーサル将棋盤で、ボードゲームとして魅力的な『将棋』を楽しむ集いです。 女流プロ棋士の「北尾まどか」さんが来場されます。将棋に挑戦できますよ。 日時：8月２２日（土曜日）午後１時〜４時 場所：昭和レトロ商品博物館（JR中央線青梅駅下車3分） http://showa-retro.omjk.jp/ 詳しくはこちらのチラシをご覧ください。 事の始まりは2009年のゲームマーケットでお会いした女流プロ棋士の「北尾まどか」さんから、外国人にも受け入れ易い将棋ボードをオリジナルで作るご相談を受けたことでした。彼女には既に自分の頭の中におおまかなデザインイメージがあるとのことでしたので、後日お話しましょうということになりました。 こういう命題が与えられると自分でも作りたくなってきたので

よく使われる色づかい（上）と、誰でも見分けやすいように考えられた色（下）。厳密な色再現ではない＝伊藤准教授提供 　誰でも見分けやすいように工夫した色見本を、東京大や日本塗料工業会などが作った。色覚障害や白内障の人のほか、一般の人にも色を実際に見てもらい、２千色以上から２０色に絞り込んだ。塗料用に続き、印刷インキ用の色見本も近く完成、デザイン業界などで使ってもらう予定だ。 　東大の伊藤啓・准教授（分子神経生物学）は印刷インキメーカーのＤＩＣなどと協力、２年前から色見本づくりを進めてきた。実生活で使いそうな色を、屋外で日にあてたり、古い蛍光灯の下に置いたりして、色覚障害の人や白内障手術を受けた人のべ約４０人に見てもらった。 　これまでよく使われた色づかいでは、赤と緑は色覚障害の人にとってまぎらわしく、黄色は白内障の人には明るすぎたという。そこで赤はオレンジ寄りに、緑は青みを強く、黄色は濃くした

ぱんかれはいつも「なんかないかのう」とつぶやきます。 しかし、このワードをつぶやいているときは面白いモノを作るきっかけを探しています。 高速道路フォントを作り始める前にも「なんかないかのう」とつぶやいていました。 最近はコンビニエンスにいろいろなものが簡単に実現できるようになりました。 調べることも、遊ぶことも、作ることも、何か始めることでさえ、ネットにつなげることができればすぐ完結できてしまいます。 そんな世の中を受け入れつつも、他の方の「こんなのないかのう」を満たすような、なにか変わったものをつくりたい。 サイト名称「5r4ce2(ファイバーフォースツー)」は、Fiber(繊維のような)とForce(力)、この2つを組み合わせたものです。 みなさんと、がっしり結びつきながら、新たな方向性という「力」を、世に発信していければと考えています。 いっしょに、私たちと楽しんでみませんか？ 20

The CSS Text Wrapper allows you to generate HTML and CSS to wrap text on your website into any shape.Examples Not Just Rectangles Anymore The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want. All you have to do is draw the left and right edges below and then copy the generated code