«Prev || 1 | 2 | 3 | 4 | 5 | 6 || Next»

0からスタートしよう

私はwebデザインが下手
技術も知識も栄養失調
虫食いだらけの実践できない知識ばかり

ここで再勉強しないと人生ナンの為にやってきたんだかわからなくなる
だから0から勉強のしなおし
その為にこのサイトを立ち上げた

なんでもかんでもメモした物を書き入れてやる
少しでも自分の血肉にさせてみせる

2009年07月09日:日記::zizodo

キャッチコピー

似顔絵関係のサイトをズラズラ見ていると「絵は描けるけどサイト作成に関しては素人なの」ってデザインが多いのに気がついた
(もちろん私だってその一人=キッパリ宣言)

デザイン的には以下の2点が気にかかる

  1. TABLEで構成したのだろうが、BORDERがクッキリで見にくい
  2. そのTABLEの背景色でカテゴリ分けしてありますます見にくい

内容的には以下がドカーンと頭を悩ませる

  1. 解説が長くて遠慮がち(私も該当)
  2. 自信が感じられない(もちろん該当)
  3. キャッチコピーが下手(ド・ピッタリ)

少なくとも、全体の配色とかブロッキング以外にも、キャッチコピーの勉強も必要だ
その為には自分の作成する物への自信も必要なのだ
なんとなく「自信=楽しいキャッチコピー」って数式が成り立つ気がする
自分の製品をキチンと分析&把握して、良い点をアピールする事ができていないと、キャッチは作れんぞ(汗)

2009年06月29日:デザイン::zizodo1

ブロッキング

サイトを何件もみていくうちに「あらら」と感じるのが多くなった
それは・・・

「3列表示は見にくい」である

特にTOPページでTABLEタグ使って、縦に3列ダダーンと切り分けているのは「非常に読みにくい!」
目の動きが何度も上下しちゃって疲れるのだ
せめて3列でもいいから、グルーピングとかブロッキングでキッチリとしたグリッド表示で列を構成した方がいい(きっとこれがカタログ化の基本なんだろうな)

2009年06月29日:デザイン::zizodo1

カラーサンプル

他人の庭を見ては「ああ自然な色合いだな」と思うと、大抵は「緑」の配色に落ち着く

<垣根>
画像

<紫陽花>
画像

2009年06月22日:デザイン::zizodo1

カラーサンプル

<洋風蒸し菓子>

もうちょっと薄黄色でもいいかな?
器のエメラルドグルーンも配色に使いたい

<青いインコ>
画像
「青と合う色はなんだろう?」と思っていたら、目の前に格好のサンプルが
食べ物には青ってあまりないけど、動物ならこんな配色だって存在しますもんネ

<洗剤>
画像
「もっと奇抜な緑を!」で探したら、台所にありました
台所洗剤ですが、緑がなんとも”クリーン”な感じに見えます
暗めの赤がまた合いそうな感じ

2009年06月19日:デザイン::zizodo

メインカラーとリンクカラー

けっこう、メインカラーとリンクカラーを一緒にしているサイトが多い
この利点としては「TOPページに項目を置いた時に、リンクを文章ごと張っていると、色が統一されて見やすい」ことかも

2009年06月19日:デザイン::zizodo

ピンクとグリーン

いろいろサイトを見てみてふと感じた
「・・・ピンクとグリーンは合わない」

私だけかも知れないが、どうしてもシックリこないのだ
自分のサイトでは使わないようにしよう

2009年06月19日:デザイン::zizodo

カラーサンプル

料理を作っててふと感じました
「料理の色合いって落ち着くな〜」と

こんなサンプルを作って継続していこうか?と思ってます
料理からサイトの色合い感を掴んでみてみる

<中華炒め物>
画像

<洋風サラダ>
画像

<和風味噌汁>
画像

webセーフカラーではないものの、これに似た色合いでサイトをまとめたら見やすいかも知れないな

2009年06月19日:デザイン::zizodo1

nucleusを使ったサイトデザイン手始め

やっとこ業務用サイトのリニューアルに着手!
とは言っても、もともとデザイン系出身でも情報系出身でもない身なので、基礎がなってないのを痛いくらい感じる
今回は、自分で出来る限り1から勉強しなおすつもりだ

サイトデザインから

  • 配色
  • 配置
  • 全体のデザイン

HTMLから

  • css
  • Javascript
  • php
  • アクセスビリティ

他にもいろいろあるが、これだけでもちゃんと統一できていれば「ナイスですねー」なのに仕上がると思う
最終的に目標にしたいのが

ホームページのデザインに行き詰まったら・・・Webデザイン基礎知識の小道具屋


ここは何もカッコイイscriptやコツが書いてあるわけじゃない
基礎中の基礎が書かれている「基礎だらけのエエサイト」なのだ
読んでいて「うん、なるほど」と思えるのばかりだ

いきなり、サイトのリニュでMacに向かおうなんてのが無茶な話だったのだ
それよりも「他のサイトを見て勉強しろ!」なのである

刑事さんじゃないけれど
「現場100回!」もとい「サイト100回!!」

  • メインカラーとサブカラーの見極め
  • TOPページの項目配置
  • ナビゲーション配置
  • 全体的な印象
  • 操作しやすいか?

を紙に書き出して叩き込もうと思う
うん、昭和の人間なので、鍛錬には「紙と鉛筆」ですな

初回の発見としては以下の一言
サイトの配色は数が少ない程見やすく統一感があり、企業的であり、注文したくなる
けっこう私と一緒で素人に毛が生えたようなサイトが多いのに驚いた
勉強の余地あり!なのだ

2009年06月18日:デザイン::zizodo1

«Prev || 1 | 2 | 3 | 4 | 5 | 6 || Next»