Desk | Flickr デザインスキルを身につけてから、世界がずいぶん広がった。自分一人の力で仕事が出来るようになったし、発信したいものがあれば好きなようにWebページを作れば良いし、プレゼンのスライドも何倍も印象的に作れるようになった。デザインで学んだことは生活していれば至るところで活きてくるので投資効果はかなり大きいはず。 今回は、Webデザインの知識が一切なかった僕が、会社や飲食店からWebデザインの仕事を請けるようになるまでの１年間に実行した8のステップ（デザインの勉強4＋Webデザインの勉強4）をまとめてみる。ここで書くのは目安として、HTML・CSSを使ったレスポンシブデザインのウェブサイトを作るあたりまで想定してもらえると良い。 いちおう自己紹介を簡単に 独学でデザインの勉強を始めたのは2年前の2012年後半。とは言っても雑誌のレイアウトデザイン（グラフィック・デザイン）

レスポンシブWebデザインのサイトは国内でも増えてきましたが、制作するとなるとかなり手間がかかります。 そんなとき役に立つのがレスポンシブWebデザイン対応のフレームワーク。中でも「Bootstrap」は、多彩な機能を備え、その使いやすさから広く知られています。 そこで今回は、国内の秀逸なレスポンシブWebデザインを集めた「Responsive Web Design JP」から、Bootstrapを使って作られたサイトをご紹介したいと思います。 whiteSTOUT フォトクリエイティブを中心としたマネージメントオフィスのサイトです。トップに大きな画像を使い、洗練されたイメージとなっています。 AGATHA E-SHOP アクセサリーブランド「AGATHA」のECサイトです。有名ブランドの、しかもECサイトにもBootstrapが使われています。 ACTUS online こちらは有名イン

プロフィールに記しておりますとおり、私は現在デザイン会社にて働いております。 昨年の3月、5年ほどやっていた「DTP・グラフィックのデザイン・レイアウト業務」から「Web担当」に相なり、日々勉強しながら仕事に臨んでおると言う状況です。 そのちょっと前までHTMLは妖精が書いていると思っていた私にとって、あまりに勝手の違う作業内容。最初は途方に暮れておりましたが、Twitter等で知り合うことのできた先輩Webデザイナーさん達のおかげもあり、現在では自分でWordPressのテーマを作成できるまでに成長することができました。頭を叩くと「ｾﾏﾝﾃｨｯｸ!」と音が鳴るまでになりました。 そんなわけでここいらで一度、自分がDTP→WEB担当になるにあたって勉強したこととか使っているツールとかをデロッとまとめておきたいと思います。 まずは業務をする上で必要不可欠になった言語や、作業効率を上げるために

30代からのwebデザイナーになることは可能か？　人生相談にこたえてみました。 2013.10.02 | 初心者向け | 相談 | 考える。 ども、WP−DPurpleことメガネことmgn大串です。 人生相談を続々と頂いております、今日はその中から一つにみんなで答えてみましたー。 WP-Dの執筆陣構成は、だいたいフリーと社員とが半々ぐらいです。でも新卒で一つの会社にはいったまま来ている人は少なめで、いろいろ渡り歩いて現在WEBの仕事をしているという人が多い印象です。それぞれ人生いろいろなところもかいま見られますよ。 なかなかの長文ですが、とてもよいコンテンツになったと思いますので。ぜひお読み下さい。そして自分はこうだよーといったご意見もおまちしておりますー。 寄せられた相談 題名: 30代からのwebデザイナー メッセージ本文: はじめましてこんにちは、 ◯◯◯◯と申します。よろしくお願い

ドットインストール代表のライフハックブログ

IROHA GRAND HOTEL 【いろはグランホテル松本駅前】コラボパートナーになってホテル... 詳細を見る

資料の出来栄えを大きく左右する「色」。資料を作り込むほどのめり込み、抜け出せなくなってしまう。何が正解か分からず、全く抜け出せない泥沼。 「もうちょっと青みを…」「いや、赤みが強すぎるから、彩度を落として…」「この色の組み合わせはないなぁ。何色を差し色にしよう…」 色は無限大。限りある知識と経験だけでは、なかなか正解の配色を手に入れられないことでしょう。 そんな時に私が役立てている、配色に関するお話しを致します。 カラーパレットは自作しない そもそも私は美術的なセンスがありません。美術の成績も、彫刻などの造形ものはそこそこでしたが、絵画的な課題はてんでダメでした。 そんな私が自分で配色を作ろうと思ったら、時間がいくらあっても足りません。そしてクオリティは、かけた時間に反比例していくでしょう。 ですので私は、自分で作りません。他の色んな物を利用します。 それは時に写真や画像であったり、人が作

CLOSED This site has been closed. 当ブログは2022年12月30日をもって閉鎖しました。 開設から10年間、ご覧いただきありがとうございました。

最初に勤めたWeb制作会社で教えてもらったコンテンツの見やすさを作るポイント 2013/01/24 | カテゴリー: Creative | タグ: tips, 考え方 タイトルとURLをコピーする Tweet これについては色々な意見があるかと思いますがｗ デザイン未経験の私はそんな風に教えてもらいました。 デザイン途中で息抜きする際、 ぬわーっと入り込んでいたディスプレイから離れてみて、 「伝わりやすいように」というのを意識しながら、 俯瞰というかユーザー目線で見直してみるというのをやったりしてます。 1. タイトル コンテンツごとに、タイトル（見出し）を入れていくことによって、 文章にリズムが生まれ読みやすくなります。 タイトルも改行もなく、 ただただ文字が並んでいる文章を読むのは、 かなりのストレスです。 また、タイトルの装飾によって、 さらに見やすいページにすることが可能です。 2

派生と言っていいかどうか分かり ませんけど、Plusstrapは、より 迅速にWeb開発を可能にしたフレー ムワークとのことです。アプデ したBootstrapをちゃんと把握 していないので詳細は触れない でおきます。 Twitter Bootstrapを元に、より迅速にWeb開発が可能になる、というフレームワークだそうです。派生の定義が良く分かってないので違っていたらごめんなさい。 正直な話、時間作れてなくてソース殆ど見てません。ナード向けだそうです。自分は一般人なのでギークとの違いが良く分からないですが凄い人向けって事なんじゃないでしょうか。 各種コンポーネントも揃ってます。 カスタマイズも可能。不要なものをチェックから外せば軽く出来ます。 今の仕事が落ち着いたら触りたい。 Plusstrap

ウェブディレクターとしても、ブロガーとしても、ここ最近「レスポンシブウェブデザイン」という単語を頻繁に見聞きするようになりました。はてなブックマーク界隈でも人気のキーワードとなっています。 また、ブロガー仲間の@otaman517さんや@kouseipapaさんも、最近ブログテーマをレスポンシブウェブデザインに変えたようです。 これでiPhoneからでも見やすくなったはず！レスポンシブテーマ、Originに変更しました ブログデザインを変更。レスポンシブ対応のテーマを適用しました。 かく言う私のこのブログも、実はレスポンシブウェブデザインで作られています。 じゃあ、そもそもレスポンシブウェブデザインってなんなのか？。何故、そこまで重要視されているのか。これについてお話ししていきましょう。 レスポンシブウェブデザインとは？ とてもカンタンに言えば、「すべてのデバイスに対して適切な見え方をする

2. わたくし おばら つかさ 渋谷でSAUCER（ソーサー）という名前でフリー @saucerjp のデザイナをしています。 紙媒体からデザイン業界に入り、ずーっと紙 のデザインだけをしていましたが、ここ5, 6年 はWeb媒体の仕事が随分と増えています。 現在では特に紙、Webの区別なくデザインの 仕事をしています。

Webサイト設計図 - ワイヤーフレームの作り方WebクリエイターボックスではWeb制作の応用技術をよく紹介していますが、基本の流れはちゃんと説明していないな…ということで、「連載！実践で学ぶWebサイト制作ガイド」として、実際に1つのサイトを作りながらWeb制作の流れと方法をまとめて書いてみることにしました。この連載企画はブログ開始当初に考えていましたが、2年半ほど忘れてました…。今回は「ワイヤーフレームの作り方」です。 実践で学ぶ Web サイト制作ガイド：その 3目標：わかりやすいワイヤーフレームを作成することができる必要なもの：紙とペン対象レベル：超初心者 OK！目次誰のため？何のため？Web サイトを作り始める前に。Web サイトの構成図を簡単に作れる便利ツールWeb サイト設計図 - ワイヤーフレームの作り方 ← 今ここPhotoshop で Web サイトのデザインをしようP

TARO HORIUCHI / This Exquisite Forest / 飛騨美濃いいもの・すぐれものお薦め大作戦他...全12件

お久しぶりです。デザイナーの野田です。 まず、今回の記事を見ていただく前に、前回と前々回に書かせていただきました。 「必読！5分でわかるレスポンシブWebデザインまとめ」 「必読！5分でわかるレスポンシブWebデザインまとめ Pt.2」 を読んでいただけるとスムーズです。 今回で、【必読！5分でわかるレスポンシブWebデザインまとめ】のシリーズも最後にさせていただきますので、少しコンテンツ量が多くなります。 100％ 5分では分らないので、タイトルはスルーしてやってください。 様々なサイトでレスポンシブWebデザインについて紹介されていますが、制作方法が異なっていたり、内容が少し難しいと感じる部分がありました。 この記事は、ディレクターの方やデザイナーの方、どちらにも理解しやすいように書かせていただいてます。 また、これまでレスポンシブWebデザインについてやってきましたが、基本的な部分で