新人Webデザイナーが現場レベルでよく注意されるポイントのまとめ。
こんにちは。 今回はデザイナーでもないのにデザインのことを書きます。 私自身はデザイナーという肩書は持っていませんが、ディレクターという立場でクライアントと接していると、デザインでよくうける指摘事項や注意点があります。 「一緒にやったデザイナーさんだけなのかなあ。。」と思っていると、色々な会社のデザイナーさんとやっていても、共通している部分が多々あり、デザインやレイアウトの参考サイトや書籍は沢山ありますが、現場レベルでこういうことを書いているサイトがなかったのでまとめてみました。 特に経験の浅いデザイナーさんに多い傾向に思いますので、タイトルに「新人Webデザイナー」と入れさせていただきました。 みんながみんなというわけではありませんが、Web制作会社で代理店経由の仕事をやっていると、必ず注意されるチェックポイントがあったりします。 デザイナーではなくても一緒に仕事をしていると学ぶことは多
ノンデザイナー向けのスライド・「Webデザインのセオリーを学ぼう」 - かちびと.net
既出なんですが良かったので。空いた時間に、気になっていたスライドがあったので拝見しましたが、内容が素敵だったのでご紹介します。ノンデザイナーさん向けのデザインセオリーのスライドです。 Webデザイナーが読んでおきたい、最近公開されたWeb系のスライドっていうので知ったんですが、どちらかというとWebデザイナーさんなら知ってて当たり前じゃないかという内容かもしれません。 スライドの作成者さんのブログでもノンデザイナー向けの講義向けのスライド、とありました。→福井高専でノンデザイナー向けの講義しました デザインとアートの違い、なぜデザインが必要なのか、Webデザインとは、などなどが解説されています。Webデザイン論では必須の導線、レイアウト、情報のグルーピングにもしっかり触れてくれています。Webデザインには理由がある、というのが分かるかと思います。（「意味」って言っちゃうと語弊がありますよ）
【２０１１年】【Webエンジニア向け】はてブ数ランキング厳選超人気記事総覧 / Devslog
2011年も残すところあと少しになりました。2011年にはてなブックマークをたくさん集めた記事の中から、Webデベロッパー向けに限定して厳選してお届けします。 ウェブデザイン入門 ウェブサイトにおける視覚面に対し、整理・再構築・意匠等を施す。グラフィックデザイン的な要素を多く含む一方で、インタラクティブな要素を持つウェブの性格上、情報デザインあるいは工業デザイン的なスキルも求められる。ウェブサイト全体の情報設計、見た目を中心とするグラフィックデザインやGUIの設計、ウェブアプリケーションのUI設計構築など多岐に渡る。 Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報 WEBデザイナーを目指す人へお勧めしたい記事・サイトまとめ – YATのBlog デザイナーからデザインの基礎や原則を学べるエントリーまとめ（webデザイナ向け）*ホームページを
iPhone Safariでドキュメントの幅はどうやって決定されるか
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / まずはじめに、これは合ってるかわかりません…。 でもたぶん合ってると思う。 width=device-width, initial-scale=1で、iPhoneを縦→横に傾けたら、 「1.5倍にズームした状態でさらにドキュメントの幅が480pxになる」 という謎の挙動を理解してみる。 viewportについては、Androidの動きを正と見て、iPhoneの挙動を理解したほうが容易。 initial-scaleとwidthを同時に指定した場合がめちゃくちゃにややこしい。 initial-scaleは、PCのブラウザいうとズーム機能に近いが、それによりドキュメントの幅が調節される。これは例えば
HTML5やCSS、jQueryなど、Web制作に関する日本語スライドを集約したSlideFinderが便利っぽい - かちびと.net
結構便利だったのでシェア。Web制作 に関する日本語スライドを集約している フォロワーさん作のWebサービスです。 話題のHTML5やCSS、iPhoneの事や jQueryからPHPやRubyと幅広くサポート してあります。 人気のスライド共有サイト、SlideShareで日本語のスライドのみを集めています。スライドはその場でLightbox風にポップアップして見れます。英語が苦手な方も探す手間が省けるのでは。 @deeekiさん作のWebサービスです。クックパッドのエンジニア向け「第2回 開発コンテスト24」に応募する予定だったようで、数時間で作成されたみたいで見た目はシンプルですね。 カテゴリもHTML5やjQuery、PHPやiPhone、WordPressなど多岐にわたりサポートされていますので全Web屋さん向けと言えそうです。 日本語のスライドのみを集約 集められたスライドは全
谷拓樹さんとモバイルWebとデザインについて対談しました : could
ポッドキャストモバイル 谷拓樹さんとモバイルWebとデザインについて対談しました デスクトップ Web と同等の情報量を一気に見せるというのは難しいですが、モバイルでも同等の情報にアクセスし、同じようにタスクを完了させることが出来なくてはいけません。モバイルを意識したデザインをするおもしろさ、そして難しさについて対談をしました。 震災後、諸都合で１ヶ月ほどお休みしておりましたが、その後順調に回を重ねているポッドキャスト「Automagic」。毎週、Web デザインを中心に私が思うことを手短に話している番組ですが、今回は inkdesign の谷拓樹さんをお呼びしてモバイルWebを中心に話をしました。昨年の 11 月に「HTML5＋CSS3で作る 魅せるiPhoneサイト」という書籍を刊行して以来、各地で講演をしている方。書籍はレシピ本という側面が強いわけですが、あれだけの書籍を書いたわけで
シニア層のためのWebサイトユーザビリティ
2013年3月23日 ユーザビリティ 以前「笑っていいとも！」の山口智充さんのコーナーを見ていて、ちょっと驚いた事があります。20代～60代の女性の必需品をランキングしたもので、40, 50代女性では5位圏外だった「パソコン」が60代で3位にランクイン。シニア層のインターネット利用率は年々高まってきているのはニュース等で読んでいましたが、これを見てなんだか実感しました。という事で今回はシニア層のWebサイト設計について考えてみたいと思います！ ↑私が10年以上利用している会計ソフト！ 上記「笑っていいとも！」の件で興味を持った私は、シニア層のインターネット利用方法なんぞを調べていたところ、丁度私の母親が「インターネットで買い物がしたい」と言ってきました。彼女は海外に住む私と連絡をとるためにメールやSkype等を使う事ができるので、ある程度インターネットについて理解しているのだと思っていまし
Webサービスの名前をつける時のアイデアいろいろ
2017年6月30日 Web関連記事 新しくWebサービスやアプリを作るとき、悩むポイントのひとつとなる「サービスの名前」。悩めば悩むほどよくわからない名前になってしまったり…。私ははっきり言って結構苦手です…が、しなきゃいけない時があるので、研究＋ない頭振り絞って考えました。名づけのプロの方の助言なんぞあれば嬉しいですｗ ↑私が10年以上利用している会計ソフト！ まず、Webサービスの名前を考えるにあたって、有名なWebサービスをあげてみました。Facebook、Twitter、Flickr…。どれも短く、英語でいう「2音節」です。音節とは母音を中心としたまとまりで、音節が増えるほど長い単語になります（音節について詳しくはこちら）。2音節というのはサービス名としては短く、リズムカルに発音することができます。 それをふまえ、私の考えたWebサービスの名前を考える時のポイントを挙げてみます。
かなりクールなPhotoshop用フリーUIキット-PSDファイル50個:phpspot開発日誌
50 Free PSD UI Kits and Templates for Web Designers かなりクールなPhotoshop用フリーUIキット-PSDファイル50個。 ボタンやフォーム要素やメニュー、パンくずリストといったあらゆるURLパーツが揃ったPSDファイルのまとめエントリです。 ページのモック作成や本番のデザインにも使えそうです。そもそものクオリティが高いものばかりが選ばれており、更にPhotoshopのレイヤーに分かれていることで再配置も容易なので有益なものとなっています。 素晴らしいまとめです。 関連エントリ WEBデザインのモック作成時に役立つ手書き用PDFテンプレート集 ブラウザ上でサイトのモックアップを光速で作成できるサービス「Lumzy」 WEBレイアウト作成用のモック作成ツールキット iPhoneアプリのモックアップが簡単に作れるサイト「iPhone Mo
商用サイトでも無料の国内外のWeb制作に使える素材サイト総まとめ・2009 - かちびと. net
ローカル環境にストックしていた日本国内、海外サイトで商用OKなWeb素材を配布しているサイトのリンク集が結構な量になってきたので出来る限り多くの方とシェアしたいと思ってエントリーします。 懐の広いクリエイターさん方に感謝します。このリンク集は商用サイトでも利用が可能（Commercial use）なWebサイトの素材情報です。一応確認はしていますが、ご利用の際はご自身の目で必ずライセンスや利用規約（Terms of Use等）をご確認下さい。サイトごとに利用規約も異なります。当サイトは一切の責任を負いかねます。 日本国内、及び海外の商用OKなWeb素材配布サイトと日本語で紹介された海外記事のまとめです。 2度手間を防ぐ目的でリンクにマウスオーバーすると画像をツールチップで表示するようにしました。多少表示に時間掛かるかもしれません。 写真 商用サイトでも利用できるロイヤリティフリー、パブリッ
twihelp.me
twihelp.me 2019 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 directly (contact information can be found in whois). Privacy Policy
カラースキームに迷ったら使える２０のジェネレーター:phpspot開発日誌
20 Color Scheme Generators for Web and Graphic Designers カラースキームに迷ったら使える２０のジェネレーターがまとまっています。 それぞれ特徴がありますが、大量にあるのでケースにあった物が探せそうです。 色あいを変えれば大きく変わるWEBサイト。こうしたツールで最適な色あいを探していけそうですね。 関連エントリ JavaScriptで使えるカラーピッカー作成ライブラリまとめ リッチなカラーピッカーウィジェット「Free Advanced DHTML Color Picker」 シンプルUIがいい感じのカラーピッカー実装jQueryプラグイン「simpleColorPicker」
2011年3月第4週号 1位は、デザイナーのためのコミュニティサイト10選、気になるネタは、Mozilla、Firefox 4の正式版を公開 | gihyo.jp
週刊Webテク通信 2011年3月第4週号1位は、デザイナーのためのコミュニティサイト10選、気になるネタは、Mozilla、Firefox 4の正式版を公開 ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2011年3月21日～2011年3月27日の間に見つけた記事のベスト5です。 1. 10 Essential Community Sites for Designers ? Angel Ceballoshttp://angelceballos.com/post/4127051710/10-essential-community-sites-for-designers デザイナーのための各種コミュニティサイトを紹介した記事です。 海外のものばかりですが、多くのデザイナーが作品を登録しており
Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報*ホームページを作る人のネタ帳
Yamadaです。 かれこれWeb屋暦が14年くらいになるんですが、こうしてWebに携わっていると、3ヶ月周期で情報の入れ替えをしていかないと、正直追いつかないと感じます。そんな激流のようなWeb業界にこれから飛び込もうと言う新卒の方や、中途の方に送るバイブルとなればと思います。 というわけで改めて春ですし、これからホームページ（Webサイト）を作成してWeb屋さんになる方へ送るお勧めサイト集です。 後編はこちら Web制作を始める人の為のスキル・ワイヤーフレーム・SEO・マーケティング・Webサービスの基礎情報 忘れないで欲しい事 Web制作には、様々なスキルが求められます。 しかしその技術が、いつの間にか消えていったり、使えなくなったりしました。新しいデザイン、新しいコード、新しい言語、新しい環境、様々なものがあります。しかし、それらを追い続けていくうちに、一つ、とても大事な事を忘れて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
新着記事
Photoshop VIP ☞ ダウンロードしておきたいボタンやフォームなどの無料GUIデザインPSD素材50個まとめ
BgPatterns — Background Patterns Maker
http://e0166nt.com/blog-entry-872.html
新着記事
