「Webデザイナーはコーディングできるべきか」という議論に対する私の考え
過去にも何度か話題になっていましたが、ここ最近TwitterのWeb制作者界隈で過去最高に「Webデザイナーがコーディングできるべきかどうか」という議論が白熱しているように思います。 かなり悩んだのですが、私なりにお話しできることもあるかと思い、この件について私の考えを記事にまとめて公開することにしました。 コーディングとはどこまでを指すか 「コーディング」といっても、人によって指しているものが違うと思います。 ここでは4つの段階に分けてみます。 ごく基礎的なHTMLやCSSを書くことができるコーディングのトレンドなども抑えた上でモダンなHTMLやCSSを書くことができるHTMLやCSSに加え基礎的なJavaScriptを書くこともできるHTMLやCSSはもちろん、本格的なWebアプリケーションの開発もできる このうち1に関しては、私は「議論の余地なくWebデザイナーも書けるべき」だと思っ
未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』公開 | knowledge / baigie
「即戦力レベルのwebデザイナーが最低限持っている知識を1カ月で身に付ける」ということを目的としたドリルを作りましたので、皆様に公開します。 ダウンロード[PDF/PSD/XD]（92MB） 本ドリルは、約140ページの参考書兼問題集になっています。まずは出題される問題を解き、その上で解説を読んで理解し、再度問題を解きなおすのが基本的な流れです。 内容は、私たちが未経験デザイナーの採用を進める中で、「こういう知識は早い段階で身に付けておいてほしいよね」という知識をまとめました。また演習用のPSD/XDファイルもドリルに含まれています。 身に付くのはあくまで「即戦力クラスの知識」であって、「即戦力」になれるわけではありません。デザインには、非言語・非定型なスキル領域も多々あるため、座学だけで即戦力にはなりません。しかしそれでも、ベースとなる知識は絶対に必要ですし、それを指南する参考書は、的を
こんなWebデザイナーは成長しない
2013年3月23日 ライフハック Webデザイナーのみなさん、自分を成長させるためにしていることはありますか？効率化をはかるため、よりよいデザインをするためにしていることはありますか？今回はあえてこんな記事のタイトルをつけましたが、ではどうすれば成長できるのか？という点も一緒に考えてみました。もし当てはまるものがあれば一緒に解決策を考えてみましょう！ ↑私が10年以上利用している会計ソフト！ 情報収集をしない Web業界では新しい技術や情報が毎日のように更新されていっています。情報が多すぎてついていけない…新しい事を覚えるのがめんどくさい…という人もいるかもしれませんが、私たちはWeb業界で働いているんです。Web屋にとって情報は武器です。日々の情報収集が仕事に役立つという場面も多くあると思うので、日頃から新しい情報にふれるくせをつけておきましょう。よく読むブログはRSSリーダーに登録し
2010年7月第4週号 1位は、ブランディングとWebサイトのためのスタイルガイドライン、気になるネタは、Graffiti入力、Androidに復活 | gihyo.jp
週刊Webテク通信 2010年7月第4週号1位は、ブランディングとWebサイトのためのスタイルガイドライン、気になるネタは、Graffiti入力、Androidに復活 ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2010年7月19日～7月25日の間に見つけた記事のベスト5です。 1. Designing Style Guidelines For Brands And Websites - Smashing Magazinehttp://www.smashingmagazine.com/2010/07/21/designing-style-guidelines-for-brands-and-websites/ デザインに関するガイドライン（スタイルガイド）についてまとめた記事です。 Web
第38回 Burberry Eyewear Spring Summer 2010、富士急ハイランドTOP、PilotHandwriting.com | gihyo.jp
いま、見ておきたいウェブサイト 第38回Burberry Eyewear Spring Summer 2010、富士急ハイランドTOP、PilotHandwriting.com 猛烈な暑さによる寝苦しい夜や、突然のゲリラ豪雨によるずぶ濡れの連続など、自然の力を体で感じている今日このごろ、皆様いかがお過ごしでしょうか。今回も個人的に感じた、素晴らしいサイトの特徴をいくつかお話したいと思います。 ユーザーを魅了する“首の動き” Burberry Eyewear Spring Summer 2010（Burberry - Burberry - Content） イギリスを代表するファッションブランド、Burberryの最新アイウェアを紹介するコンテンツ、 『Burberry Eyewear』です。 図1 Burberryの最新アイウェアを着用したモデルたちが並ぶ credit：KOKOKAKA
WEBレイアウトを便利にしてくれるフレームワーク関連のWEBサービスやツール集「Liquid, Fluid and Elastic Layout Templates, Tools and Frameworks」
WEBレイアウトを便利にしてくれるフレームワーク関連のWEBサービスやツール集「Liquid, Fluid and Elastic Layout Templates, Tools and Frameworks」 WEBでコーディングをしていくときにとても便利なフレームワーク。上手く使えばデザインからのコーディングが劇的に早くなります。有名なものもあり、いくつか実務に使っていると言うWEBデザイナーさんも多いかと思います。今日紹介するのはWEBレイアウトを便利にしてくれるフレームワークをつくるWEBサービスやツールを集めた「Liquid, Fluid and Elastic Layout Templates, Tools and Frameworks」というエントリー。 Tiny Fluid Grid グリッドを自由にカスタマイズして作れるWEBサービスから、テンプレートまで様々なレイアウト
2010年5月第3週号 1位は、2010年のWebデザインのトレンド、気になるネタは、Google TV 発表、秋にソニーとLogitechから発売 | gihyo.jp
週刊Webテク通信 2010年5月第3週号1位は、2010年のWebデザインのトレンド、気になるネタは、Google TV 発表、秋にソニーとLogitechから発売 ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2010年5月17日～5月23日の間に見つけた記事のベスト5です。 1. Web Design Trends for 2010 | Webdesigner Depothttp://www.webdesignerdepot.com/2010/05/web-design-trends-for-2010/ いいデザインは流行に影響されないのはもちろんですが、Webデザインにおける流行は技術の進歩による影響を受けています。この記事では、これまでのWebデザインの限界を超えていく、進化へと
デザインや使いやすさよりも、はるかにSEOやSEMにお金が流れ易いジレンマ
実際に優れたレスポンスを持ったwebデザイナーがいたとしても、優れたSEO、SEM能力が高い人間に食われてしまうジレンマが、現在のweb業界なのかもしれない。 こんな事をいうwebデザイナーに会った。 大事なのはデザインではない。使いやすさもおまけだ。アクセス数の高いホームページで、リピーターを引き付けるサイト。そんなSEOやSEMを歌う連中にばっかりお金が流れていって、デザイナーはどんどん食われていくんだ。もうダメだ。webデザイナは。 つまり 露出回数を上げるスキルリピート力この二つがあれば、web制作費が多少高くても勝ち取れる、というのだ。 なかなか興味深い話だった。 webデザインとはなんなのか 制作を「依頼」する側にある欲求は実にシンプルだ。 「コストがかからず」「カッコ良く」「見やすく」「売り上げが上がり」「問い合わせがバンバンくる」 こんなサイトをご要望だろう。 制作に関して
Webデザインがつまらなく見えてしまう理由
魅力が伝え難いWebデザイン Webデザインを説明するのは非常にやっかいです。このサイトでも何度も取り上げては書き続けていることですが、上手く説明しきれていない部分は少なくありません。 最近よく感じることが Web サイトの魅力を伝えるのは難しいということと、そもそも「魅力・良さ」という部分も人それぞれであるという点です。いろいろな意味が含まれていると思いますが、Web における「魅力・良さ」は、見た目や動きに集約されることが多いです。 ときどき、Webデザイン専門学校の先生とお話をすることがありますが、HTML の勉強をずっとしてても、最終的に出て来る作品がフルFlashということがあるそうです。当然 Flash サイトが魅力的ではないわけはありません。良い Flash サイトもたくさんあります。学生さんが Flash を選んだ気持ちも分かります。パッと見たときの魅力やインパクトは Fl
ブラックベースの暗いウェブデザインで気をつけたいポイント
ブラックベースの暗いデザインのウェブサイトを制作する際に、取り入れたいポイントや注意すべきポイントをWeb Designer Depotから紹介します。 The Do's and Don'ts of Dark Web Design 下記は、その意訳です。 はじめに 1. ホワイトスペースの活用 2. テキストのホワイトスペース 3. テキストのコントラスト 4. フォントの取り扱い 5. カラースキームは最小に 6. スタイルスイッチャー 7. 暗いデザインがはまるサイトとは 8. エレガントな暗いデザイン 9. クリエイティブな暗いデザイン 終わりに はじめに ブラックベースのウェブデザインは人気が高く、エレガントでクリエイティブな魅力があります。しかし全てのウェブサイトに適したものという訳ではなく、適切であるときだけ使用されるべきデザインです。 ブラックベースのデザインを使用すると印象
だんだん小さくなるドット柄の背景パターンを制作してくれる「Dotted Background Generator」
TOP > WebService > だんだん小さくなるドット柄の背景パターンを制作してくれる「Dotted Background Generator」 WEBデザインの印象を決定付ける大きな一つの要素の一つに背景があります。様々な背景素材やジェネレーターがWEB上で公開されていますが、今日紹介するのはだんだん小さくなるドット柄の背景パターンを制作してくれる背景ジェネレーター「Dotted Background Generator」です。 上記のように上部から下部に向ってだんだんと小さくなっていくような背景を簡単に作る事ができます。 詳しくは以下 使い方は至って簡単でドットのカラーと、背景色、そして高さを指定すればOKです。色はカラースライダーなどは実装されていませんので、指定する必要があります。また選べるカラーはドット、背景ともに2色までとなっています。背景色は2色選んだ場合はA
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 13
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
既存のデザインのクオリティをアップする8つのポイント
デザインが単調な感じのときには、使用している色を鮮やかにしてみます。 変更した色をベースに、カラースキームを設計します。 Color Scheme Designer 3 2. モノクロは慎重に ブラックやホワイトなどモノクロをテーマにした素晴らしいデザインのウェブサイトは多数あります。モノクロは単色で構成されたものですが、一色加えることでデザインが容易になることがあります。 ポイントはその一色のみにこだわらずに、他の色も充分に検討することです。 3. グリッド レイアウトの活用
サイトをリニューアルした時のメモ | Blog.37to.net
最終更新日 Sun, 28 Jun 2009 11:09:25 +0900 ブックマーク 半年ぐらい掛けて、少しずつ、ひっそりと、サイトをリニューアルしたので、その時のメモです。 当初は簡単なメモだったのですが、いつの間にかメモと言うには量が多くなってしまいました。 眠らせておくのも勿体ないのでまとめて公開します。 少し長いので（最近はむやみに記事が長い気がしますが）、最初に主な内容を書いておきます。 リニューアルの概要 HTMLのコーディング CSSとデザイン Movable Type4.2でのサイト構築 主に上記4つの内容となります。 HTMLとCSSは本職ではないのですが、ちょっと頑張りました。 リニューアルの概要 目的 古いデザインの一新 ブラウズ環境の変化に対する対応 (最新のブラウザに合わせた機能のサポート) (IEは7以上を基準にする。6はごめんなさい) 文字サイズの影響を受
よく見るWebデザインのトレンド4つ – creamu
myInkBlogで、よく見るWebデザインのトレンドが紹介されています。 ざっとご紹介。 ↑はPaul Wallas。 個人サイト&手書きの要素を使った例 Project Vino 綺麗なイラストを使った例 Ethem Budak 紙とコラージュ風のデザイン例 QualityXHTML 木の要素を使った例 それぞれ他にもたくさん紹介されていますね。 一度見てみてください。 » A Showcase of Popular Web Design Trends 代々木公園でやってるタイフェスに行ってきたぞ。 シンハービールを飲んでパッタイ、海老トースト、トムヤムクン、ランブータンを食べて、ココナッツジュースを飲んだぞ。ココナッツジュースは失敗したよ。 楽しかった〜♪
色を“センスよく”“有効に”事業作りに取り入れる：日経ビジネスオンライン
どんなに鋭く手短なキャッチコピーでも、強烈なインパクトがある画像でも、文字やイメージは「パッ」と見ただけでは、そこに書かれている内容や描かれている情景は、色ほどにパッと目に入ってこないものです。 色は確実に表現の幅を広げます。 事業作りに色を上手に取り入れて、企業の雰囲気を高めていきませんか？ 筆者も色の超専門家ではありませんので、 「人は光の刺激に応じて色を感じ・・・その光は電磁波の一種で、波の性質を持ち・・・」 というような色についての原理、つまり小難しい話はナシです。 今回は、私自身が企業の販促物をデザインする時にする色使いの基本についてお話しします。 これをあなた自身でアレンジして使えば、あなたも色を使うのが楽しくなりますよ！ ポイント1：色で「●●そうな」企業を印象づける 色は視覚を通して得られる感覚なので、意識せずとも色に含まれた情報が目からすんなりと入ってきます。その色の情報
第19回 Synchronizing with Points of Sales「実店舗との連動」 | gihyo.jp
実店舗の売り上げの向上はWEBサイトに大きく求められる要素である。とは言ってもECとの連動ほど簡単にはいかない。WEBサイトへの集客が正しくできていれば、必要なタスクは店舗への誘導と、リピート購入促進の2つであり、最終的なゴールはWEBと実店舗の双方から集客を行い、リピート購入のサイクルを作る事だ。今回はWEBと店舗を連動させ、顧客化のプロセスについて説明する。 WEBから店舗へ まずはWEBサイトから集客したユーザーを店舗へと誘導してみよう。これには店舗情報はもちろん、来店メリットを理解させる必要がある。対面販売が可能な直営店である場合は比較的簡単だ。割引や限定商品等のモバイルクーポンを配信し、来店のインセンティブとすればいい。 また、店舗でしか手に入らないデジタルインセンティブ（待受け、アプリ、MP3、映像コンテンツ等‥）もブランド次第では効果があるだろう。その場合は店舗にFELICA
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マウスオーバーをデザインする | DesignWalker
コミック風のわかりやすいチュートリアル | SIMPLE*SIMPLE
CSSやHTMLを知らなくてもレイアウトやタブや角丸が作成できる -Layout Generators