ワイヤーフレーム通りにデザインしてしまうデザイナーさんへ
ワイヤーフレーム通りにデザインしてしまうデザイナーさんへ私がまだデザイナーとして働き始めて間もない頃、よく言われた言葉の中に「もっと自由にデザインしてくれていいんだよ！」というものがありました。しばらくはその意味がわからなかったのですが、後になって渡されたワイヤーフレームと自分のデザインを見比べると、何も変わっていないな…と気づくことが多々ありました。今回はそんな、ワイヤーフレームとデザインについて考えてみようと思います。 冒頭でも述べたように、Web デザイナーとしての経験があまりないうちは、どうしても渡されたワイヤーフレームに引っ張られてデザインしてしまうこともあるかと思います。もちろん、ワイヤーフレーム通りのレイアウトが求められることもあるでしょう。しかし、 あなたはデザイナーです 。 指示された通りに動くマウスカーソルではありません 。ワイヤーフレームを作るのは、多くの場合プロジェ
Bootstrapよりキレイ！Googleのマテリアルデザインキット - ku-sukeのブログ
Bootstrapの見慣れた感というか、モック感から脱却しようとFoundationとかに手を出しかけてたのですが、Googleがだしてきたマテリアルデザインキットがすごく良かったので紹介します。 たとえば管理画面風のデザインはこれ ほかにもBootstrap風の上部メニューのデザイン（Android）もあったり コンポーネントと呼ばれる部品も充実しています。これ見るだけで色々できそうな気がしますね！ Blog風など幾つか提供されています。いまとあるサイドプロジェクトで簡易的な管理画面をつくろうとしてたのですが、早速活用していい感じに仕上げることが出来ました。 ダウンロードすると全テンプレートが含まれているので、コピペで組み合わせるだけでも結構いい感じに出来ます。Bootstrapに飽きてきたら、ぜひ使ってみてください。 www.getmdl.io
やる夫がデザイナーの作ったPSDにお怒りのようです | WebTecNote
カテゴリー CSS (53) Compass (2) Sass (1) Custom (8) Dojo (1) GoogleMap (23) HTML&XHTML (12) HTML5 (1) Information (19) Javascript (42) jQuery (9) Material (9) Memo (71) やる夫がデザイナーの作ったPSDにお怒りのようです (5) MooTools (62) Tutorial (6) Perl (1) PHP (37) CakePHP (2) OOPでBBS (7) Zend Framework (4) Template (29) 4BOX (8) 5BOX (5) 6BOX (4) Form (5) Menu (1) Web Site (6) wordpress (55) plugin (8) Reference (7) Theme
Paletta – 選択した色に合わせたカラーリングを自動展開
Webサイトに限らずデザインをする際に大事なのは全体としての調和がとれていることです。それは色合いであったり、オブジェクトの形であったりします。そういった全体のパランスが保たれていることがまず基本でしょう。 最近は多くのHTML5デザインフレームワークがありますので、そういったフレームワークとPalettaを組み合わせてカラーテーマを作ると格好いいサイトに仕上がりそうです。 Palettaの使い方 全て同色系という訳ではなく、黒やグレーも織り交ぜつつ全体としてバランスが保たれるようになっています。とは言え全ての色を使う訳ではなく、この中から3〜4つ程度をピックアップして適用するといい具合のカラーリングになるのではないでしょうか。 PalettaはHTML5/JavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 Paletta - HS
株式会社LIG（リグ）
Explore the Knowledge DX・デザイン・マーケティングの最新トレンドや知見を、現場の視点で発信。 社員の個性や活躍する様子も織り交ぜながら、LIGの"今"をお届けします。
Webサイトに変なスクロール使うのをやめろ
最近変なスクロールを使ってるサイトを見る。 これとか http://www.apple.com/iphone-5s/ これとか http://heteml.jp/ 他にも色々。 Javascriptがなんか頑張ってんだろうけどさ、 正直鬱陶しいよ。 やけに重いし、使いづらいし。 Chromeだとヌルヌル動くって？ みんなChrome使ってる思ってたらアカンでほんま。 追記： この変なスクロールはパララックスと言うそうです。 「この変なスクロール＝パララックス」ではないそうです。 また、「この変なスクロール＝パララックスのひとつ」と言う訳でもないみたいです。 ごめんね、もうこの追記消したい気分。
8割以上の人、スマートフォン専用サイトの必要性を感じていないことが判明
有限会社いろはの代表取締役兼経営コンサルタント・竹内謙礼が、「ネットで売れるもの売れないもの 増補改訂版」（日本経済新聞出版社）を8月2日に発売するにあたり、楽天リサーチを活用して、スマートフォンユーザー100名に対して、アンケート調査を行った。 同調査では、スマートフォンで一般的に表示される「PCサイト」と、スマートフォンの画面の大きさに合わせて表示される「スマートフォン専用サイト」と、どちらが活用されているのかを中心に尋ねた。 まず、「スマートフォン専用サイト」と「PCサイト」、どちらが使いやすいか質問したところ、「スマートフォン専用サイト」と回答した人が39％だったのに対して、「PCサイト」と回答した人が45％と、6ポイント上回る結果となった。「特に意識はしていない」と回答した“どっちでもいい派”の人が16％いることから、6割以上の人がスマートフォン専用サイトに対して利便性を感じてい
自称WEBデザイナーさんへ
WEBデザイナーから上がってきたデザインが酷すぎる。 事前にコンセプトやテイストを伝えて、参考サイトのURLも送った。丁寧に強調したい部分とか、写真の意図も伝えた。予算も作業時間にも無理がないか確認した。 それなのに、送られてきたデザインは、私の作った白黒のワイヤーフレームに色やグラデを付けて、ちょっとレイアウト調整して、フォントを新ゴにしただけ。 これが「デザイン」ですか？メインキャッチを新ゴで書くことが、デザインですか？強調したいと言った部分を赤にすることが、デザインですか？指示した写真をトリミングもせずそのまま配置することが、デザインですか？ 思わず言ってしまった。「これ、まだ途中ですよね？」 いや、私の仕事の中に「スタッフが気持よく仕事できる環境を整える」ことが含まれているのはわかっている。分かっていても、嫌味を抑えきれないほどの酷さだった。それでもなんとか「あ～すみません、時間な
これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編） | Goodpatch Blog
先日、長谷川恭久さんとの共同プロジェクト、“Patch Project”がスタートしました。これはUIデザインの新しいワークフローを作るために立ち上がったプロジェクトです。これまでのワークフローを見直して、より良いUIを作っていくためにはどうするべきなのか、実際に何かのUIをデザインしながら模索していきます。そのプロセスや結果はどんどんオープンにしていきますのでお楽しみに！ まず今回はその導入部分として、ワークフローの提案について長谷川さんに話して頂いた内容を記事にしました。前編では、デザインカンプをやめてプロトタイプを作るべき理由を中心にまとめています。 そもそもUIとは何か UIの話というと多くの人がビジュアルデザインの話をしますが、そもそもUIとは人間とコンピュータの関係を円滑にするためのものです。人がコンピュータと関わるとき、そこには必ずインプットとアウトプットがあります。その中で
Icojoy - stock icons shop, article 'Aqua Buttons'
Content: Easy button Medium button Complicated button In this tutorial we will try to create round button in Aqua style.There is a great number of them in Internet and software.That's why we will show 3 buttons, which are should be named Aqua buttons.The first button(see picture) "a" — the easiest and the most common. The "b" button is more complicated and softy. The "c" button is the mo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS3の制作をぐっと楽にする厳選20のオンラインツール
DHTMLX JS Library | JavaScript/HTML5 UI Framework | JavaScript UI Library