ツールに縛られないで生きる
あけおめまして白です。本年もどうぞよそよそしくお願いします（なぜ）。 新しい年にもなったことですし、皆さんの中には「今年こそホニャララをマスターするぞ」とか目標を掲げている人も多いことでしょう。何かを始めるには良い機会ですからね、年の頭は。 さて、今日の話は「D」といっても、若手のDesignerやDeveloperの皆さんに向けての話になります。若いというのは実に素晴らしい、その吸収力たるや乾ききった脳みそと違い、どんどんいろんなものを取り込んで進化していく力に満ちあふれていることでしょう。でもね、たまに思うんです、Twitterとか勉強会とかに参加したり、いろんな人の話を見聞きしてると。 皆さん、ツールの使い方に囚われすぎてないかな？ってね。 ツールの使い方を知ることは大事、でも たとえば、WordPressにしても何にしてもそうですが、何かを成し遂げるための手段としてのツールの使い方
コンセプトが無いデザインは味の無い料理と一緒。という話。
こんばんは。 大人の階段建設中。WP-オレンジです。 前回「売掛金回収！少額訴訟してみたよ。」と言う記事をこそーり書いたのですが、まぁ書いた本人の予想をぶっちぎって人気記事となりやがって、今後がやりにくいじゃねぇか。と思っている今日子の五郎です。 さてさて。 今回はごく最近やったロゴマークの実際の行程を書いてやろうじゃないか。 っちゅー事で、12月1日にオープンしたばかりの「大宮コワーキングスペース Office7F（オフィス ナナエフ）」をサンプルに、普段どんな感じで作ってんのよ？ てかホントにデザインて時間かかんの？ ぱぱっと思いつきで出来るんちゃうん？ 結局ぼったくりかよ！ という皆さんの為に。 7Fのステm(ry ではなく。 結構苦労してんだぜって所をサラっと書いてみます。 まずは何をおいてもコンセプト！ 基本項目として、必要な情報は整理したいところですよな。 社名の由来、ターゲッ
[webデザイン]目的を実現する為の3段階のwebデザイン能力
webデザインの仕事はたくさん！ webデザインって一口で言っても色んな人がいますよね。美しくてうっとりするようなデザインが出来る人、イラストが描けて温かみのあるデザインが得意な人、プログラミングやwebサービスを駆使して思いもよらない表現をする人…。 それらはその人がこれまで制作してきたものや学んできたことから形作られてきたものです。一体どんな能力を磨けばそうなることができるんでしょうね。webcre8の考えるwebデザインの仕事、それに必要なこと、学び方を整理してみました。 思うに、webデザインに必要な能力とは、発想力、知識、技術力です。 ちなみにこの記事は「web制作のワークフローのどこまでをwebデザインと呼ぶのか」という話ではなく、「どういう能力を身につければデザインが良くなるのか」と言う話です。 webデザインに必要なこと：発想力 webデザインに必要な発想力とは、必要とされ
![[webデザイン]目的を実現する為の3段階のwebデザイン能力](https://cdn-ak-scissors.b.st-hatena.com/image/square/6e00deab8d0b9414ec4b7306af9d6ad2fdc13775/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2012%2F11%2Fwebdesign-3-ability02-150x150.png)
私が初めてブログのデザインをした時の流れ - Design Color
もくじ 「ブログらしいデザイン」を知る デザイン前に手描きでワイヤーフレームを作る 配色はツールにお任せ【Kuler】 デザインにぴったりなフォントを選ぶ【Nexus Font】 おまけ：どこかひとつに「おっ」と思わせるしかけを 「ブログらしいデザイン」を知る 以前に「ポータルサイトのデザインをする時に意識したこと5つ」という記事を書きましたが、「ポータルサイトらしいデザイン」や「ブログらしいデザイン」というように、サイトによって「向いているデザイン」も変わってきます。 ブログの第一の目的は「記事を読んでもらう」こと。なので、デザインにとりかかる前にまず「記事を読んでもらえるようなデザイン」とはどういうものかを調べました。また、たくさんのブログのレイアウトを観察しました。 こちらの記事が参考になりました！ [非Webデザイナー向け] カッコイイブログを最速でデザインするための簡単 5 ステ
【UI デザイン 練習用 - エアメール風】 - Webサイトのデザインをしよう
2014年8月17日 Photoshop, Webサイト制作, Webデザイン 「連載！実践で学ぶWebサイト制作ガイド」第四弾はAdobe Photoshopというツールを使って実寸のサイトデザインを作成します。Photoshopで説明していきますが、同様のグラフィックツールでもOK。Photoshopは体験版もあるのでぜひご利用ください。説明しやすいよう、簡単なデザインにしたつもりですが、すごく長くなってしまったような…。わかりにくくてすみません X( ↑私が10年以上利用している会計ソフト！ 実践で学ぶWebサイト制作ガイド：その4 目標：実際の幅にあったサイトデザインが作れる・Photoshopの基本的なツールを使った装飾ができる 必要なもの：Adobe Photoshop 対象レベル：Photoshopの基本的なツールの使い方がわかる 事前知識は以下の記事でおさらい！ これからP
Shaping the Page | The UI/UX design studio & consultancy of Andy Johnson | Columbus, OH
Shaping the Page is the UI/UX design studio and consultancy of Andy Johnson. Introduction Hello! I’m Andy Johnson. I’ve had the privilege of helping dozens of startups, development teams, agencies, and creative companies delight their customers by harnessing the power of strategic UI/UX design. I’d love to partner with you too! The Pitch A solid design strategy can transform your customers from be
Creating a Web-Site Information Architecture in Six Steps :: UXmatters
In my previous columns, I’ve framed my discussions around the practice of information architecture. To recap, the DSIA Research Initiative—of which I am the curator—defines the practice of information architecture as “the effort of organizing and relating information in a way that simplifies how people navigate and use content on the Web.” While the practice of information architecture can surely
私がWebサイトの配色を決める時の流れ
ここで得た言葉を元に配色を組み立てていくことになるので重要な部分です。 伝えたいイメージは多くの場合、「明るい」「可愛い」「落ち着いた」などの形容詞で表現されることが多いです。 ただ、言葉から連想されるものは人により誤差がありますので、 参考となるサイトや、商品など具体的にイメージしてるものも挙げてもらうと良いです。 下記はGoogleの画像検索「高級」の結果です。人によって抱くイメージは様々です。 「○○のような高級感」と具体的に伝えてもらうと良いです。 2.調査 競合となる他社サイトの配色を調査し、それらと同じような配色になることは避けます。 ただし同業の全てのサイトと被らないようにするのは無理があるので、 商圏内で競合となる他社のみを比較対象とします。 また、既にクライアントが名刺やパンフレット、フライヤー、ノベルティやなどを制作していたら見せてもらったり、 店舗であれば外観・内装の
Developing A Design Workflow In Adobe Fireworks — Smashing Magazine
Every designer has their own workflow when starting a new project, even if it’s only loosely defined in their head. A typical Web project goes through a variety of steps from inception to launch, with a lot of moving parts throughout the cycle. Photoshop, Illustrator, Fireworks and even Web browsers themselves are available to aid us in our work. But with so many choices, how do we determine the r
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Putting IA Theory into Practice :: UXmatters
Web Design Process In a Responsive World
http://www.cmmntr.com/m/58
http://css.studiomohawk.com/in-browser-design/2011/04/16/designing_in_browser/
Has Responsive Design Killed Photoshop For Web Designers?
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
電子書籍「エスクペリエンス ポイント」のサイトができるまで (with images, tweets) · yhassy · Storify
CSS 20 stunning examples of CSS 3D transforms
クライアントの要望にこたえるWebサービス開発 ～「らせん型ワークフロー」のススメ～
WeLoveLogo.com is for sale | HugeDomains
Design Process in the Responsive Age