少ない装飾で素材の魅力を生かす、ズルいWebサービスデザイン実践編 // Speaker Deck
WCAF Vol.11 「Design」 in 福井 で発表させていただきました。 http://wcaf.doorkeeper.jp/events/7028 協力： we love heroku by @ppworks http://welove.herokuapp.com/ （参考）ppworks 氏によるエントリー http://www.genuineblue.jp/posts/weloveheroku-design-renewal/ ズルいデザインテクニック2013 + セミフラット version - in 福井 https://speakerdeck.com/ken_c_lo/zuruidezaintekunituku2013-plus-semihuratuto-version-in-fu-jing
アート業界からやってきてWEBで広告とコンテンツをつくっていて思うこと｜塩谷舞（mai shiotani)
WEBクリエイションは誰のために？書いてみるnote。というのも、ちょい真面目な文章ってSNSじゃ書きづらいじゃないですか。（私だけ？） そうすると、本来あったはずの真面目な自分が薄まってしまうというか、SNSに浸れば浸るほどに、思考が退化してしまう。これぞソーシャル廃人。怖い。 「万人に見られるところ」であれば出来る限りキャッチーに振る舞ってしまうのは、昔からの私の手癖です。ここは、まぁ、小規模な部屋ってことで、思ったことをボコボコ書いてくよ。 ▲ こないだ同業の友人と喋ってて「表現性の高いWebって、ユーザーのためじゃなくって、作り手が楽しいから作ってるじゃないのかな？」って意見が出て、一部同意なんだけど、それだけでもないよなぁと思った、そのへんの思考のまとめ。久々に、芸大出身っぽいこと書いてる、ここ。 ▲ Web業界で働いてると、「数年前のFlash全盛期の感じ」ってワードをよく耳に
【保存版】バナーの作り方やデザインの参考になる記事やサイトまとめ
皆さんは、満足したバナーが作れていますか？ バナーは、自社サイトへの誘導やCVにつなげるための重要な役割を果たします。 しかし、限られたサイズの中で、ターゲットに刺さるバナーをデザインするというのはなかなか難しいもの・・・。 そこで今回は、効果が高い高品質なバナーを作成するために役立つ記事やサイトをご紹介します。 Webデザイナーやディレクターには特におすすめです。 効果の出るバナーの作り方の参考になる記事 実際に効果の出ているバナーの事例を参考にすることは大いに役立ちます。 下記で紹介している記事を読みつつ、実践していけば、効果の出る高品質なバナーを作れるようになるでしょう。 100種以上の自社広告運用でわかった！バナー広告クリエイティブ4つの基本 LINEが今までに運用してきた広告からわかった、効果の出るバナークリエイティブを作るためのポイントを紹介している記事。 実際にたくさんのPD
新人Webディレクターがデザイナーと喧嘩しないために読むと参考になるエントリ
【ディレクターとデザイナーの溝を埋める記事まとめ... / ディレクターはクライアントとデザイナーの間の調整... / Webの世界ではデザイナー経験がなくディレクター...他...全7件 【ディレクターとデザイナーの溝を埋める記事まとめ】 小規模の制作会社だとディレクターとデザイナーが揉めるのはよくあること。お互いがお互いの仕事を知り、リスペクトすることが大切です。すべてはクライアントのため、同じ目標を共有して、成果の出る仕事をしたいものです。 ディレクターはクライアントとデザイナーの間の調整役でもあります。デザイナーにとって何が大変か、クライアントにとって何が重要なのかを把握し、尊重すべきところは尊重し、うまくすり合わせることが大切です。
[webデザイン]ユーザーを思い通りに動かす為のインターフェースの種類5つ
webデザインと一口に言っても、ビジュアル的なデザイン、インターフェース的なデザインと色々な要素がありますよね。それらが合わさり、ユーザーにストレスなくサービスやサイトを使ってもらい、更に気に入られたり、コンバージョンにつなげられたりするわけです。 こうしたデザインには流行り廃りの様なものもありますが、大抵は何かの問題解決のために生み出されたものであり、本来そのデザイン手法の持つ性格や向いているシーンというものがあるはずです。 今回の記事ではそうした、webサイトのインターフェース等に用いられるユーザーを思い通りに動かすためのインターフェースを5つほど取り上げたいと思います。モノによっては、いくら流行っていてもあなたのサイトには適さないかもしれません。 サムネイル ― 好奇心をあおる サイトのトップページ、記事の一覧、関連するコンテンツのレコメンド。 https://jypg.net/st
![[webデザイン]ユーザーを思い通りに動かす為のインターフェースの種類5つ](https://cdn-ak-scissors.b.st-hatena.com/image/square/7d54b5e862e2550632b2aa41d035ceea36facd10/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F04%2Fwebdesign-useful-interface-01-150x150.png)
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック：ズルいデザイン（1）（1/2 ページ） デザインが自分でイイ感じに作れたらいいなあというプログラマのみなさん。少ない手間で簡単に、ちょっといい感じのデザインに見せるための、ちょっとした小ズルいTipsを紹介します Webプログラマ、Webエンジニアの皆さんが、個人で作るWebサービスやハッカソンなどで、短期間に集中してサービス開発してローンチしたいときに、もうちょっと自分でイイ感じにデザインできるといいなあという声をよく聞きます。 この企画は、そんなプログラマが、少ない手間で簡単に、ちょっといい感じのデザインに見せるための、ちょっとした小ズルいTipsを紹介します。 （注）このページでは、個々のデザイン要素を分かりやすく説明するために、実寸サイズより画像を拡大して使用しています。 ズルいデザインはSassとCompassを利用し
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web Design Clip [WEBデザインのクリップ・リンク集]![Web Design Clip [WEBデザインのクリップ・リンク集]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f5f481647ac1eb2cd87c65cb220881cb5c1c55bf/height=288;version=1;width=512/http%3A%2F%2Fwebdesignclip.com%2Fimg%2Fogp.png)
Web制作会社に飛び込んだ新入社員にとりあえず読ませたいスライド