タグ

関連タグで絞り込む (190)

タグの絞り込みを解除

Webに関するplatypus0114のブックマーク (127)

  • Webサイトリンク集で素敵なサイトを見ながら考えたい『デザインの理由』 | Mnemoniqs Web Designer Blog

    WEBデザイナーをやっていると、いくつものWEBサイトリンク集を毎朝チェックしている人も多いと思います。インスピレーションのためだったり、その時のトレンドを知るためだったりとなにかと便利なものです。 僕も20才のときにWEBデザインの専門学校に入ってから、毎日飽きることもなく、国内・海外のさまざまなWEBサイトリンク集を眺め続けてきました。 当時はデザインのデの字もわからない初心者でしたので、とにかく少しでも早く素敵なサイトデザインを作りたいという気持ちが強く、そのためには、すでに公開されている素敵なサイトの技やテイストを盗むことが近道だと考えていました。 フォントのあしらい方、余白の取り方、色使い、全体のレイアウトなどをアイデアの引き出しに押し込み、トレンドが変わるたびに自分ポートフォリオサイトをリニューアルしたりもしました。 実際その方法は間違っていたとは思いませんし、そのおかげで

  • HTMLとスタイルシート(CSS)の業務スキルレベル 判別表 (5段階) - 主に言語とシステム開発に関して

    スキルチェックの目次へ HTMLおよびスタイルシート(CSS)を利用したWebページ制作の,簡易スキルチェックのための調査表。印刷用。 マークアップ・エンジニアとしてのレベルを測定する。 これは,「Webページをコーディングして作る人」全般に当てはまる。 レベルは,0から4までの5段階。 (0) 非エンジニア (1) 初学者(入門書を学習してゆく段階) (2) ノーマル(基礎的な知識があり,ある程度の画面を作れるようになった段階) (3) 中級者(Webアプリの開発プロジェクトで1人月としてカウントできる水準) (4) 上級者(メインPG/デザイナとして,Web UIの主担当を任せられる水準) Webアプリのプロジェクト開始時に作業振り分けをするにあたって,新規メンバ全員にこれを渡して回答してもらうという用途を想定。 なお,システム開発上のスキルをチェックする事が主眼なので,アーティスト(

    HTMLとスタイルシート(CSS)の業務スキルレベル 判別表 (5段階) - 主に言語とシステム開発に関して
    platypus0114
    platypus0114 2012/02/27
    眺めてたら、自分の実力のなさに怖くなってきた…
  • 良いデザインって?技術を学ぶ前に知っておきたいデザイン・レイアウトの基本的なこと

    デザイナーになりたいって思った時にPhotoshopやIllustrator、csshtmlを勉強しなきゃな〜><て考えると思うのですが、技術的なことを学ぶ前にまずデザインが出来なきゃ始まりませんよね。 センス?かっこ良さ?奇麗さ?良いデザインにしたいけど、何をしたらいいかわからない。そんな時に何を考えたら良いのかデザインの基をまとめてみようと思います XD はじめに 良いデザインって? 最良の方法? 1.コンテンツの目的 2.ターゲット 3.これらを組み合わせた例 デザインの基 1.書体について 2.ジャンプ率 3.ホワイトスペースを生かす >ホワイトスペースで情報を分割する >ホワイトスペースで囲む >ホワイトスペースにあえてはみ出す 最後に はじめに デザインという言葉を聞くと、かっこいい、かわいい、おしゃれ、きれい、などと感覚的なものを思い浮かべる方が多いのではないでしょうか

  • 51664458 - ブログ

    51664458 2011年02月22日 51664458

    platypus0114
    platypus0114 2012/02/23
    読みたいリストの山だねー!
  • Webデザイナ、デベロッパーの為の国内ブログ24+72記事

    独自視点で順番に特に意味はありません。 これから春に就職する方も、今も奮闘中の方も是非お勧めしたいデザイナー、Webデザイナー、デベロッパー向けの国内ブログのまとめです。 さらにそのブログの中でもおすすめの3記事をピックアップいたしました。お時間の有るときにでもどうぞ。 Webデザイナーなら知ってるでしょ? 1)Webクリエイターボックス 私のブログのデザインを作った人。世界を放浪しながらデザインを学んでいる。もっと手軽に楽しくWeb制作ができるようにみんなになってほしいをモットーにしているのでわかりやすい記事が豊富。 Facebookページの作り方 2012年1月版少しの手間で大きく変わる、細部にこだわったWebデザインを少しのコードで実装可能な20のCSS小技集 2)Webデザインレシピ リファレンス的な分厚い記事が豊富。正直分厚い記事を書く人といえばもはやこの人しか居ないというくらい

    Webデザイナ、デベロッパーの為の国内ブログ24+72記事
    platypus0114
    platypus0114 2012/02/23
    紹介されているブログはほとんどRSSに入れてるな。
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • ウェブサイト設計の時に役立つ7つのテクニック/【その6】目線の操作 (ユーザビリティ実践メモ)

    今回のテーマは「目線の操作」です。ユーザの視線を集める要素と遠ざける要素をうまく使い分けることで、意図通りにユーザにメッセージを伝達するためのコツをご紹介します。 ファーストビュー 関連性 具体性 ウェブライティング リンクの装飾と配置 目線の操作 ←今回のテーマ 他サイトでの慣習 「目線の操作」を構成する3つの要素 視線の開始位置 視線を集める要素 視線を遠ざける要素 1. 視線の開始位置 例えば、以下は弊社のHPですが、このサイトを見るときどこから見ますか?「徹底した顧客心理分析により・・・」というブランドパネルか、その下の「コンサルティング事例・実績」ではないでしょうか? 弊社HPの例 ビービットのサイトには、「ビービットは何をやっているんだろう?どのような会社なんだろう?」ということを漠然と思いながら来訪する方が多いため、その疑問に直接答えられるようメインメッセージや実績エリアに目

    platypus0114
    platypus0114 2012/02/15
    目線移動も大切なレイアウトだね