DTP出身のデザイナーがこれからWebデザインをするときに注意したいこと
数年前くらいから、印刷会社やDTP系のフリーランスの方がこぞってWeb制作に参入しはじめるようになり、かくいう自分もそのうちの一人なわけですが、今でも徐々に制作の幅を広げ、印刷、Web制作どちらもするという人が増えているように思えるのが実感としてあります。 その逆も然り。Web制作専門の方が印刷物作成の方も仕事を取っているケースも多く見られます。 が、印刷とWebは制作手法の初期段階は結構似ているように見えるものでして、特に素人目からすればどちらも同じことをしているようにも見えがちなのですが、実際のところは結構違いがあり、その差に戸惑うことも多いものです。 と、いうわけで、今回は「DTP専門からWeb専門に転向した」私が、「これからWeb制作にも携わりたいDTP専門の方」向けの「Webデザイン制作の注意点」をメモ的に残しておきたいと思います。 また機会があれば「DTP専門からWeb専門に転
Web制作会社に入社して約３ヶ月、現在の心境を語りますヽ(・∀・)ﾉ - Love＆Peace
ウェブ制作会社に採用されて早くも３ヶ月が経っておりました(^^;)月日が流れるのは早いものです!!! 実際に採用された時に書いたのがこちらの記事です。 www.love-wd-yuka.com 仕事にもだいぶ慣れてきて、ようやく落ち着いてきたところなんですが・・・！私にとっては次なる課題が待ち構えております！ それは・・・ウェブサイトのデザイン！をすることです(^^)私が目指しているウェブデザイナーにやっと一歩近づける、重要なターニングポイントなのです!!!デザインを任されたという事は、今の仕事にもだいぶ慣れてきたからなんだと思います。（と、勝手に思っていますw）でもうちの会社はやる気があれば、なんでもチャレンジさせてくれる環境なので、私にとってはとてもありがたいです！今回は二つ返事で「やってみたい！やります！」と言ってしまいましたが(^^;) 案件の内容は、とある企業のホームページなので
初心者必見！Webデザインを独学で勉強するときにおすすめな記事10選
WebデザインはPCとネット環境さえあれば始めることができるので、独学でとりあえずやってみる、という方も多いのではないでしょうか。 この記事では、Webデザイナー初心者の方向けにデザインの基礎を学べるサイトを紹介します。理論的に学べる記事や実例が豊富な記事、テクニックも取り上げている記事など、どれも参考になるおすすめ記事を10個厳選しています。 １. デザインを勉強したことがない人でもデザインできるようになるかもしれない４つの基本原則 「ノンデザイナーズ・デザインブック」のデザインの原則を基礎として、Webデザインではどう考えればよいのか？ という点を分かりやすく解説してあります。Web Design RECIPESのNoriさんの文章は硬すぎず、すっと頭に入ってきてとても分かりやすいです。 ２. デザインの基礎力をワンランクアップしたい私（Webデザイナー）の注意書き １で紹介した記
あの時ぼくらは若かった。新人デザイナー時代あるある＆その対処方法｜dwango creators' blog（ドワンゴクリエイターズブログ）
こんにちは、すなぎもです。 もう8月。夏真っ盛りですね。こんなときはビールと砂肝にかぎります。 さて今回は、新人デザイナー時代に自分が出会った「デザイナーあるある＆その対処法」を、第1章：Illustrator・Photoshop、第2章：html・css編、第3章：スケジュール管理・考え方編の3つに分けて、4コマと解説でまとめてみました。今年4月からデザイナーになった新人の皆様は、そろそろ案件を任される頃かと思います。そんな時に出会いそうな「あるある」を集めてみましたので、少しでも参考になると幸いです。 また、ベテランデザイナーの皆様も、昔を懐かしんでもらいつつご自身の新人時代を思い出し、広い心で新人さんに接していただければ…と思います。 それでは、さっそくいってみましょう！ 第1章：Illustrator・Photoshop編 怪奇！荒くなっていく画像たち 「え！こんなレベルから！？」
web未経験のママがwebデザイナーになった方法とおすすめの本やサイト - みすずママブログ
産後２ヶ月から育児しながらwebデザインを勉強し始め、その６ヶ月後には初めての仕事を受注しました。 まったく知らなかったweb業界。デザインも未経験。 そんなまったくの０からでも、webデザイナーとして仕事ができるようになりました。 webデザインを覚えると、webの面白さを知るだけでなく、作りたいサイトを自分で作って発信することもできるし、さまざまな業界のことを知ることもできます。 そしてwebデザインは 主婦やママにぴったりの仕事 だと思うのです。 なぜなら時間や場所にとらわれずにいつでもどこでも仕事ができるから。 家事や育児の隙間時間に、パソコンたった一台でネット環境さえ整っていれば仕事ができてしまいます。 そしてもう一つ。 英語が必要とされてきたように、 これからはプログラミングができると強い ということ。 ［ママとパパのための］こどもプログラミング読本 という本で脳科学の茂木健一
Webデザインのプロのテクニックを非常に簡潔に分かりやすくまとめた -Web Design in 4 minutes
Webページやブログ、プロダクトページ、ポートフォリオなど、ちょっとした工夫でプロがつくったかのようにかっこよく、魅力的に見せるテクニックを4分で学べるコンテンツを紹介します。
Web制作初心者に役立つ良質なツールやコンテンツ達を出し惜しみせず全部紹介
ぼくがWebデザインに携わってからこれまで約5年半、Web上の多くの優良なサイトから知恵を借りて、ド素人からなんとかフリーで仕事を貰えるまでになった。そして常々、Webから与えてもらった知識や情報を還元したいと思っていた。 こうしてブログを始め自ら情報を発信する場を得たので、一度Web制作に関する良質な情報をまとめて提供してみたい。 このエントリーでは、Web制作の初心者もしくはWeb制作に興味があってこれから始めてみたいという人が、うまくWebの世界に入っていくのに役立つような情報を厳選して紹介している。 一人でWeb制作全般を見れるようになるための基礎的な情報を広く列挙してあるが、必要な箇所だけ断片的に取り上げてもらっても役立つと思う。またできるだけ日本語の中で閉じるよう、海外サイトは最低限にとどめた。 目次 とにかく１ページに詰め込むことを優先したのでかなり長いが、下の目次から必要な
未経験Webデザイナーが独学で勉強する方法
Webデザイナーに求められるスキルは、HTML・CSS・JQuery・WordPress・タイポグラフィ・配色・コピーライティングなど多岐に渡ります。より多くの知識・技術を身につけていれば、Webデザイナーとして活躍できるチャンスは増えるでしょう。そこで今回は、これらのスキルを独学で学ぶための方法をご紹介します。 ＜この記事に関連する記事＞ 初心者Webデザイナーの独学におすすめの本10選 グラフィックデザイナーからWebデザイナーに転職するには？ Webデザイナーになるには？未経験のための実践的フロー 目次 Webデザイナーの仕事内容と必要なスキル Webデザインを独学で勉強する方法 独学でWebデザインを学習するときにおすすめのサイト 独学をするときの注意点 まとめ Webデザイナーの仕事内容と必要なスキル 独学で勉強をする前に、Webデザイナーの仕事内容とそれに伴って必要となるスキル
Bootstrapのグリッドシステムの使い方を初心者に向けておさらいする
実は、bootstrapの知識だけでは足りません（涙） 本気でweb制作を仕事にしたいなら、現場で通用する実践的なスキルを「短期集中」で身につけましょう。 【独学 vs スクール】メリットとデメリットを比べて、おすすめの学習方法もお伝えします。 続きはこちら Bootstrap、使ってますか？ 便利ですよね。その便利さを物語るように、本当にいろいろなサイトで利用されてます。 ネットで配布されてるWordPressのテーマやHTMLテンプレートのベースに使われていることも多いです。気づいてないうちに使ってしまっているひとも、たくさんいることでしょう。 今回は、便利なのだけど、使いこなすには少し理解が難しい「bootstrapのグリッドシステム」について解説します。bootstrapでレスポンシブデザインを作るとき、欠かせないテクニックです。 グリッドシステムは、頭で理解しようとせず、目で見て
shukobuild-cost01
【1分で読める】理想の家を、希望の価格で手に入れる方法 家づくりで後悔や失敗することは、あなたの今後の生活に大きく影響することを意味します。可能であれば失敗や後悔なく家づくりを進めたい！と思う方がほとんどでしょう。 家づくりのコツは「あなたに最適なハウスメーカーを選ぶこと」です。 実は最適なハウスメーカーを選ぶことは簡単なようで、難しいです。理由はハウスメーカーによって強み弱みが異なるからです。木造住宅を建てたいのに、鉄骨住宅に強いメーカーに依頼してしまってはその時点であなたの家づくりは失敗です。仮に、鉄骨住宅に強いメーカーに木造住宅を依頼しても、受けてもらえる可能性はありますが、満足いく家づくりができる可能性は低いです。 最適なハウスメーカーを選ぶ方法はただ1つ。ハウスメーカーマッチングサイトを利用することです。
非デザイナーがWebサイトをおしゃれに作るためにやったこと - Qiita
はじめに 普段はバックエンドエンジニアでデザインの勉強を一切やったことがない僕がそこそこのwebサイトであれば作れるようになってきたので、webサイトをおしゃれに作るためにやったことをまとめてみました。 手順 デザインについて無知でhtml, cssをほとんど書いたことない人（基本的な文法は知っている。）がいきなりおしゃれなサイトが作れるようにはなりません。以下のステップを踏んでいくといいと思います。 おしゃれなサイトを探して研究する。 bootstrapを使ってサイトを作ってみる。 実際に作ってみる。 おしゃれなサイトを探して研究する 個人的にこれをやることがおしゃれなwebサイトを作るための一番の近道だと思います。まずは既存のものを真似して作っていくことが大切だと思うので、なぜそのサイトがおしゃれなのか調べ尽くします。 この作業を繰り返しすることでどんなサイトがおしゃれなのかわかってき
Webデザインは少しの工夫が重要！デザインクオリティが驚くほど向上するテクニック10まとめ
ferret編集部：2015年9月2日に公開された記事を再編集しています。 最近では、自社でWebサイトやチラシのデザインをおこなう会社も一般的になってきました。 インターネットで検索すれば参考になる情報は多数見つかるので、デザインを独学で勉強しているという方も少なくありません。 しかし、ノンデザイナーの方の場合、なかなか思うようにデザインが出来なかったり、プロのデザインと比べるとどうしても素人っぽさが抜けなかったりします。 今回は、少しの工夫でデザインがよくなるテクニックをご紹介します。 普段のデザインに取り入れるだけでぐっとクオリティを高めてくれますので、ぜひ参考にしてみてください。 細部にこだわるデザインテクニックまとめ 1.【WEBデザイン】センス不要！5つのコツを抑えるだけで脱初心者｜liskul http://liskul.com/design-skill-2777 ソウルドア
ノンデザイナー必見！ 絶対に見ておきたいデザインスキルアップできる記事12選 - ICS MEDIA
弊社のスタッフはフロントエンドの開発にとどまらず、デザインを制作する機会も少なくありません。弊社に限らず、近年職種を問わずデザインを扱う機会が増えているように思います。しかし、コンテンツ要素が整理整列されていなかったりテキストのカーニングがされていなかったりと、基礎的なことができていないようなケースも多く見られます。基礎的な部分が押さえられていないと、野暮ったさや素人感が出てしまいイマイチな仕上がりになってしまいます。 今回はそういった方に是非読んでもらいたい記事を、すぐにでも実践できる内容を中心にピックアップしました。Webサイトやアプリケーションのデザインだけでなく、企画書やプレゼンテーション資料の作成などでも応用できるものなので、どなたでも覚えておいて損はないと思います。 フォント選び フォントの基本的な選び方 | Arch ▲フォントの系統から書体、ウェイトの選定方法まで、ユーザー
苦手なホームページの配色を少し得意にできる！スライドと便利なツール
色をうまく使いこなせるようになると、ウェブデザイナーとしてワンランク アップするらしい。ああ私も上級ウェブデザイナーを目指して勉強しなくちゃ。 てことで今回は配色について、初心者さんでも入りやすい学習用のスライドと配色時に役立つツールをいくつかご紹介させていただきます。 配色はホームページ作成時に欠かせないスキルです。奥が深く、身に付けるのが、なかなか難しい技術ですね。 好みだけを頼りに色を選ぶと、見た目に居心地が悪く、訪問者の反応も期待通りにいかないホームページになっちゃうことがあります。初心者さんにありがちな失敗だと思います。 著者情報：この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサイトの企画・制作に関わっています。 ウェブさえにできること【お仕事のご相談＞サービスメニュー】 Follow @web
【VIP】webディレクターだけど、初心者に役立つサイト教える てんこもり。
1: 以下、＼(^o^)／でVIPがお送りします 投稿日：2015/02/06(金) 17:42:31.05 ID:flJZIImcH 最近クソみたいなデザインとグッチャグチャのソースコード書いてる ミーハー丸出しアフィサイトが増えてきて鬱陶しいから、 これからサイト作る初心者用にサイトを紹介していく これ以上俺のウェブサーフィンライフを邪魔すんじゃねえぞ
ノンデザイナーでも一定レベルのデザインができるようになる基礎知識・サービスまとめ
ホームページを運営し、改善施策を実行していくなかで、ホームページ内のデザインの微修正や画像の追加が必要になる場面が多々あるのではないでしょうか。 外部や社内のデザイナーに依頼する際は、仕様書を作成して、修正内容を確認して、修正されたら成果物をチェックして、必要があれば再度修正依頼をして…と、ちょっとした修正でも思った以上に工数がかかってしまう場合があります。 そんな時、ちょっとした修正や画像作成であれば自分でできるようになっておくと、上記のような工数を一気に短縮することができます。 今回は、ノンデザイナーでもある程度のレベルのデザインを作成するために役立つ知識やサービスをご紹介します。 1. 【非デザイナー必見！】知っておくべきデザインの基礎法則６つ https://ferret-plus.com/641 デザインは感性によるものが大きいというイメージがあるかもしれませんが、デザインにはい
ノンデザイナーがそれっぽいWebデザインを作る話 - CAMPHOR- Blog
この記事は CAMPHOR- Advent Calendar 2014 の10日目の記事です。 こんにちは、みかさ（@To_Mikasa）です。 今日はデザイン初心者である僕が、Photoshopを使ってWebサイトのデザインをしていく上で、「それっぽく」していくためにやったことをざっくり書きたいと思います。ざっくりです。 はじめに デザインの知識を付けたり、流行をキャッチアップするために、コリスやPhotoshop Vipは 普段から見ています。とても参考になる記事ばかりです。 参考にするサイトを探す ノンデザイナーにとって０からデザインを考えるのはツラかったので、 デザインの参考にするためにイケてるサイトを３個選びました。 自分が作りたいイメージに似たものを選ぶといいかもしれません。 １つだけを参考にするとあれなので、それぞれのいい所や好きな所をそれっぽく組み合わせました。 ワイヤーフ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
org-rabo.com
webデザイナー1年生の学習帳
harold-spm.com - harold spm リソースおよび情報