タグ

WEBデザインと考え方に関するropparaのブックマーク (10)

  • WEBシステムのデザインについて今の会社を退職する前に私が後輩に伝えたこと

    このたび会社を退職することが決まり、デザインについてほとんど初心者である後輩に対して私の思考を託す時が来ました。 私自身WEBシステムの制作を手がけたことはなく(ないのかよ!!と全力でつっこんでおk)今度のプロジェクトでうちのチーム初のWEBシステム制作案件があるそうなので、デザインする時のポイントなどを自分なりにまとめてみました。 私は携われないんですけどね\(^o^)/ 様々なWEBシステムのデザイン よいデザインはデザインをする対象(今回はWEBシステム)のことを知らなければ出来ません。 自分の考えだけでデザインをはじめると、思考の偏った使いにく~いものになってしまう恐れがありますので 必ず調査をしましょう。 そして、何故その要素がそこに配置されているのかを考えましょう。 以下に様々なWEBシステムのキャプチャと 超稚拙で言葉足らずな安易すぎる説明を掲載します。 ですが、掲載されてい

    WEBシステムのデザインについて今の会社を退職する前に私が後輩に伝えたこと
  • 「Web制作のリアルな工数と見積もりの話」の話をしようじゃないか!

    raf00がWEB制作の見積もりについて書きたいなぁとか言いながら1年半が経ちました。 で、いずれ書かなきゃなーと思いながら過ごしていたら、WP-Dさんが非常に興味深いエントリを上げられていましたので、これに便乗する形であれこれ書きちらしてみたいと思います。 WordPressのリアルな工数と見積もりの話をしようじゃないか! | WP-D ウェブ制作の見積もりを金額付きで晒してやろうじゃないか! | WP-D ■あの見積もりは妥当か否か なかなかブコメなどの反応が興味深い見積もりサンプルですが、現在の(上場企業の制作業務に対応できるくらいには)真っ当なWEB制作会社が企業向けに出す見積もりとしては項目・工数・価格的には概ね妥当かつ適切だなと感じられます。サンプルであるがためにこまごまとボヤけた点はあるものの、WEB制作会社のプロデューサー・ディレクターやクライアント企業のWEB担当者ならば

    「Web制作のリアルな工数と見積もりの話」の話をしようじゃないか!
    roppara
    roppara 2013/06/28
  • 「PhotoshopによるWebデザインカンプ制作はFireworksに比べて効率が悪い」という都市伝説について

    2013/5/7に、Adobe Fireworks の事実上の開発終了が発表されました。 ただし、「バグ修正やセキュリティ関連のアップデートは継続する」とのことですが、いつまでも使い続けられることを保証するものではないので、Fireworks ユーザーの方はそう遠くないうちに別のアプリケーションに乗り換える必要があると思います。 Adobe、Web画像ツール「Fireworks」終了へ – ITmedia ニュース 移行先アプリケーションの候補の1つである Photoshop について、Twitterを見ていると「Photoshop でのWebデザインは制作効率が悪い」という方が多いようですが、私はそんなことはないと思っています。 なぜそう言えるのかについて、簡単にまとめてみました。 目次 FireworksとPhotoshop、それぞれのメリットとデメリット なぜ「Photoshopは効

    「PhotoshopによるWebデザインカンプ制作はFireworksに比べて効率が悪い」という都市伝説について
  • クライアントに振り回されるWebデザイナーに共通した、たった一つの特徴 - studio room134

    どうしたらクライアントの納得するデザインにたどり着けるのだろう。と考えたことはありませんか?デザインのフィードバック地獄で苦労したWebデザイナー、ディレクターの方は多いと思いますが、振り回されがちなWebデザイナーの特徴とその対処法について、ケーススタディでまとめてみました。 ■クライアントに振り回されるWebデザイナー/WEBディレクターの特徴 「フィードバック指示を額面通りに受け取ってしまう」 これに尽きます。クライアントはデザインをした事が無い人がほとんどなので、修正指示もデザイン的には正しくない事がかなりの割合であります。 これは映画を観て良かった悪かったは誰にでも評価できるが、その映画をどのように修正したらよりよくなるかは経験を積んだ者にしかわからない、というのと同じことです。 にもかかわらず、「ここのボタンを赤くしてください」、「背景をグレーにしてください」という指示を額面通

    クライアントに振り回されるWebデザイナーに共通した、たった一つの特徴 - studio room134
  • [デザイン]角丸を使う理由、不自然な角丸について徹底的に分析した

    角丸の話題が盛り上がってましたね 先々週webデザイナーである彩さん(@maritime_color)のブログDesign Colorで、角丸をどういう場合に使うか、という記事がすごい話題になってました! デザイン時に注意したい角丸の使いかた | Design Color そしてその後、ナナメウエの変態イラレラー(褒めてます)すずきさん(@suzukisan__)もそれに続き角丸に触れる記事を書いたりしていました。 illustratorで角丸を扱う際の注意点 ※追記しました | ナナメウエblog 私も以前デザインが苦手な人も分かる「デザインは全て意味がある」6つの要素という記事を書いたとき、角丸についてはさらっと触れるに留めたのですが、いずれもっとがっつり言語化したいものだと考えていました。 気になることもあったし、ちょうど良いので今回便乗して記事にしてみようと思います。 形状としての

    [デザイン]角丸を使う理由、不自然な角丸について徹底的に分析した
  • [Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary

    これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。 私は以前、ファッション雑誌やビジネス誌の組版(MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う)の仕事をしていて、見出しは言うまでもなく、文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。 私は、見出しやタイトル画像における文字組み

    [Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary
  • デザインが優れている人には愛情と思いやりがあるという話|資料やメールも全てがデザイン

    Word資料など、10年前にはよく作っていた時に、先輩から教わった話。 「デザインの仕事しているのに、文章がとてつもなくわかりにくいね君」から会話がスタートした。 は?なんで文章なのにデザイン関係あるの? デザインはレイアウト、見た目、イラストと言ったものだけではない 最近、Webデザイナーの初心者さんからの質問で 「デザインのセンスはやっぱりデザインの基礎から学ばなければいけませんよね。綺麗なWebデザインを作るためにはレイアウトとか配色とか比率とか、あと絵ももっと勉強を・・・」 これを聞いた時、どこかに違和感を覚えた。 うーん? しばらくして思い出した。そういえば昔先輩に教わった覚えがあるなと。 当時私は新聞の折込広告などの作成を行なっていました。その時の企画提案書を先輩に確認してもらった時の事。 「デザインの仕事しているのに、文章がとてつもなくわかりにくいね君。デザインとは相手を思い

    デザインが優れている人には愛情と思いやりがあるという話|資料やメールも全てがデザイン
  • 良いデザインって?技術を学ぶ前に知っておきたいデザイン・レイアウトの基本的なこと

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

  • デザイン上級者 21の特徴

    デザイン上級者は、中級者と初心者と何が違うんだろう?って思った時に、こちらのが役に立ちました。 『上達の法則 – 効率のよい努力を科学する –』というです。このには、碁や茶道など、あらゆる分野に共通する上級者の特徴がのっています。このを参考に、デザイン上級者の特徴と、上級者になるための実践方法を書いてみました。 デザイン上級者の特徴 1. 上級者は一つのデザインから読み取ることが多い 一つのデザインを見たとき、上級者の方が中級者、初級者よりも気づくことが多いです。例えば、背景に薄くグラデーションがかかっているとか、縦のグリッドのラインが揃っているなど。 また、そのデザインからたくさんの情報を引き出しているので、長く見ても退屈しにくいという特徴を持っています。 2. 上手なデザインをするということに高い価値をおいている 上級者は、デザインに対して気で取り組む度合いが高いため、上手な

    デザイン上級者 21の特徴
  • i474.info

    i474.info This domain is expired. The domain owner has to renew it from the admin setting if you continue using it. 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directl

  • 1