サービスにおけるビジュアルデザインの役割2014年12月5日に行われたCreative Insightsでの発表資料です。 ※本スライド内に含まれているWebサイトやアプリのスクリーンショットは全て著作本の企業に帰属します。Read less
一緒に働く仲間も意のままに操れる！？明日からWeb制作の現場で使える行動心理学 | ビジネススキル | ブログ | 東京のWeb制作会社・ホームページ制作｜QUOITWORKS Inc.（株式会社クオートワークス）
サイト作りの根本って、「ユーザーに意図した行動をとって欲しい！」「ユーザーに意図した感情を抱いて欲しい！」って事だと思うのですね。じゃあ行動心理じゃないかと思いまして。 今回は行動心理学をweb制作に取り入れる方法をまとめました。調べ始めるとむちゃくちゃたくさんあるので代表的なものを今回は紹介します。 アンカリング効果 アンカリング効果とは、最初に提示された特定の数値や情報が印象に残り、それが基準点(アンカー)となり判断に影響を及ぼす心理傾向です。 100万円▶︎90万円となっているときに安くなっている（本当の相場の価格より高くても、その場では相場より安く感じる）感じたり、交渉の場で最初にふっかけ、そこから徐々に条件を優しくされると難しい条件でも「最初と比べれば」という思考が働いて悪くない条件だと感じてしまいませんか？それがアンカリング効果です。 取り入れ方1「最初に少しだけ難しい条件を出
PC版トップページリニューアルの狙いと成果 - クックパッド開発者ブログ
メディア事業部の須藤です。 8/26より、PC版クックパッドのトップページをリニューアルしました。 公開から約3週間が経過しましたが、お試し頂けましたでしょうか？ この記事では、今回のリニューアルを通して解決したかった課題や、新しいチャレンジ、 また、それらを具現化する過程で考えた事を、実際の結果と合わせて書いてみたいと思います。 今回のリニューアルで伝えたかったこと 今回のリニューアルで強く意識したのは、「食にまつわる全般を扱うポータルサイト」として、 クックパッドを再認識して頂けるトップページにすることでした。 クックパッドでは２年程前より、従来のレシピサービスとは別の価値を提供する、新規事業・サービスの開発に注力してきました。 例えば、ECサービスである「産地直送便」や、近所のスーパーの特売品が分かる「特売情報」、クックパッド認定の料理教室を展開する「料理教室」などがあり、 それぞれ
Webデザインと開発の未来
This document provides a summary of various web development topics and resources, including responsive design, Android fragmentation, Google services, Material Design, web components, and more. It discusses principles like universality and accessibility, and recommends actions like focusing on building interfaces in HTML/CSS directly instead of Photoshop. Links are provided to additional articles
「Web Service x Design」を日本デザインセンターで聞いてきた - めも帖
「Web Service x Design ― 人々の日常を変えるWebサービスのつくり方」に行ってきました。 追記 Pressoについては、色々なところでブログ記事があります。あと、はてなで関係していそうな記事を追記しておきます はてなのニュースアプリ「Presso」のデザインができるまで - Hatena Designer’s Blog YAPC::Asiaで開発合宿について発表してきました #yapcasia - 大西ブログ はてなセミナールームで「ユーザテストLive! 見学会 in KYOTO」を開催しました - Hatena Developer Blog 「SIer→フリーランス→アプリ開発会社→フリーランス→はてな」なアプリエンジニアの、これまでとこれから - Hatena Developer Blog UI/UX設計の教科書、About Face 3輪講の資料を公開します
ASCII.jp：シングルページをデザインする3つのポイントとワークフロー (1/3)｜イシジマミキの実践！「シングルページ」デザイン塾
最近よく見かけるシングルページを作るデザイン塾。今回から、CSSフレームワークを使って実際にシングルページを作成していきます。第2回は、デザインツールを使ってページをデザインし、ベースとなるHTMLを作成します。 シングルページをデザインしよう 最初に、デザインソフトを使ってざっくりと全体のデザインを作成します。今回は、自分自身の経験やスキルを活用してボランティア活動をする人の意思表示やコンタクト方法がわかるWebサービス「PROBONO PAPRIKA」のサービス紹介ページをシングルページで作ろうと思います。 自分自身の経験やスキルを活用するボランティア活動はプロボノ（Pro bono）と呼ばれます。このサイトは、メインビジュアル、サイトの内容を説明する「アバウト」、サイトの使い方、の3つのブロックに分け、最後に何かを足そうかなぁ、と宙ぶらりんのままにしています。 シングルページのデザイ
DA88 - Thế Giới Cược Giải Trí Đa Sắc Uy Tín Hàng Đầu
DA88 luôn là điểm đến mà bất kỳ cược thủ nào cũng muốn lựa chọn để tận hưởng trải nghiệm tốt nhất. Bạn sẽ có cơ hội tiếp cận nhiều loại hình giải trí hấp dẫn và các dịch vụ tiện ích. Nội dung cập nhật bên dưới đây về địa chỉ sẽ giúp bạn có thêm thông tin trước khi quyết định đăng ký. Cách Thức Liên Hệ Tổng Đài DA88 Cực Nhanh Và Chi TiếtChính Sách Bảo Mật DA88 Đang Áp Dụng Với Mọi Cược ThủChơi game
「シングルページ」流行の7つの理由と最新事例まとめ (1/4)
「シングルページ」と呼ばれる、1ページで完結しているWebページを見かけることが多くなりました。シングルページの概要と、CSSフレームワークを使った実際のシングルページの作成を通して、シングルページのデザインの考え方や作成方法の知識を身につけられる連載をお届けします。解説はデザイナーの石嶋未来氏にお願いしました。（編集部） シングルページとは、1ページで完結しているWebページのことです。最近よく見かけるようになりましたね。シングルページのみを集めたギャラリーサイトなどもあり、Web制作に携わっている方であれば一度は目にしたことがあると思います。 シングルページで作られたサイト。左から、モバイルセキュリティソフトウェアのLookout, Inc,（https://www.lookout.com/）、「重陽」ブランドの包丁を製造販売している堺菊守 河村刃物株式会社（http://chouyo
「紙っぽいデザイン」の特徴を盗め！イベントポスター事例から学ぶ、紙っぽいデザインの特徴 | デザイン | ブログ | 東京のWeb制作会社・ホームページ制作｜QUOITWORKS Inc.（株式会社クオートワークス）
クオートワークスのブログ 東京のWeb制作会社 株式会社クオートワークスのブログです。ここではWeb制作におけるノウハウやナレッジ、ビジネスに関する覚書などまとめて発信しております。 quoitworksのムラマツこと、muuuuu.orgの中の人、ムーちゃんです。こんにちは。お盆休みまでもう少しですね！みなさま仕事の進捗はいかがでしょうか。 webのデザインの現場でよくオーダーとしてあるのが、「紙っぽいデザイン」です。 webのデザインはコーディング時のことを考えすぎてしまったり、ユーザビリティや、web独自の視線の流れを意識しすぎてしまうあまりにダイナミックさに欠けたりすることが多いような気がします。 またお客さんとしても生まれてからwebを見ている時間よりも、紙のデザインを見ることが多いので、イメージとして紙（ポスター、雑誌）のような完成図をイメージされることが多いのではないのでしょ
Made in the Future
We may not all have flying cars or intelligent ape chauffeurs today, but so much of what we take for granted—the Internet, touchscreens, the cubicle—was once a shiny figment of the future. Sci-fi writers and technologists make a profession of beaming this stuff up. But designers have a place in the transporter too. Made in the Future is an effort to capture our musings about what a not-so-distant
CSS Nite LP34 フォローアップ（3）石嶋 未来さん（ザ・マーズナレッジ）『Webだからこそできる、写真やイラストがないときの低コストでデキるデザイン発想方法 』｜CSS Nite公式サイト
CSS Nite LP34 フォローアップ（3）石嶋 未来さん（ザ・マーズナレッジ）『Webだからこそできる、写真やイラストがないときの低コストでデキるデザイン発想方法 』 記事公開日：2014年7月19日（土） 2014年4月19日、御茶ノ水ソラシティカンファレンスセンターで開催したCSS Nite LP34「Webデザインで使うPhotoshop」のフォローアップとして、石嶋 未来さん（ザ・マーズナレッジ）の『Webだからこそできる、写真やイラストがないときの低コストでデキるデザイン発想方法』セッションのスライドなどをシェアします。 スライド、デモデータ（15.7MB）音声 メッセージ、補足 難のある画像のごまかし方は覚えられるとPhotoshopでも柔軟なピクセル操作が理解でき、これから作るビジュアルデザインにも活きてくるものだと思います。合成についての本も多くでていますので読んでみ
ウェブサイトで珍しい形を取り入れたサイト14こ紹介
creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。最近はブログメディアのデザインを作る機会が多くなってきました。井畑です。 ブログメディアはコーポレートサイトと比べ、よりデザインや装飾等で「個性」を出す場合が多くあります。どうしたらいいかなーと思って色々悩んで、「形」で個性を出すのもありかなと思い、ウェブサイトではあまり使われづらい三角形や五角形、六角形を上手く使っているサイトを調べてみました。 やはり印象に残るものが多かったです。それでは早速見てみましょう!どうぞ！ 三角形を使ったデザイン 三角形を使う場合、余白をどう活かすかが重要になってくると思います。 Snowbird Snowbird コンテンツのサムネイルが三角形です。マウスオーバーすると折り紙が広がるように画像が広がるのも面白
[CCL web vol.6] 2014年のWebデザイントレンドと 本当に必要とされるデザインと手法
6月25日（水）、竹橋マイナビルームにてマイナビ様が主催する「Creator’s Career Lounge（以下、CCL） vol.6」が開催され、FICCから戸塚、福岡、冨田、STANDARD社から鈴木 健一氏が登壇しました。「Webデザイントレンドの潮流」をテーマに、これまでのWebデザインが歩んだ歴史と背景、そして現在Webの現場で活躍するWebデザイン技法についての講演のスライドです。 ・FICCは一緒に働きたい人を募集しています。 【詳しくは】 http://www.ficc.jp/recruit/ ・STANDARDは、スマートフォンアプリやWebサイト Webサービス等のUIデザインに特化したプロダクションです。 人の役に立つアプリやサービス制作に携わりたい人を募集します。 【詳しくは】 http://www.standardinc.jp ・Web業界で活躍したい人のための
![[CCL web vol.6] 2014年のWebデザイントレンドと 本当に必要とされるデザインと手法](https://cdn-ak-scissors.b.st-hatena.com/image/square/553b114c1d27ed1c0846b1a36a93b06d4bfd371f/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fcclslide20140708-140717040232-phpapp01-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
WebエンジニアのためのWebサービスデザイン実践講座
DeNA 社内勉強会に呼んでいただいて、お話させていただきました。 Reviewに登場していただいてるサービスはこちらです。 動く小説投稿サイト Denkinovel by @katryo さん http://denkinovel.com/ ご協力ありがとうございました( ˘ω˘)
Web Design Courses and Tutorials | Envato Tuts+
Learn web design with thousands of free tutorials! Maybe you want to know how to build a site using WordPress themes, or maybe you want to master more advanced web design topics like interface design or responsive design. Whatever you need, you'll find it here. Stay up to date with the latest features and developments in CSS, Shopify, WooCommerce, and more. Learn how to design landing pages and em
ぱくたそ大規模リニューアル完了！もっと使いやすくを考えた新旧比較と追加機能 - すしぱくの楽しければいいのです。
公開日：2014年6月 5日 カテゴリ：ぱくたそインフォメーション キタ――(ﾟ∀ﾟ)――!! 利用者の皆様お待たせです！ やっとこ、ぱくたその大規模リニューアルが終わりました。(‘A’)ﾉ” ここまで協力してくれた関係者の方々本当にありがとうございます。当初公開予定だった5/19から延長の延長。新しい写真の更新も２週間ほど停止し、ファンが離れてしまうのではなかろうかとドキドキの毎日でした。更新作業がないおかげで、約３年ぶりに昼休み休憩を満喫することができたのは内緒ですけどね。 っというわけで、本日６月５日（木曜）13：00頃にぱくたその大規模リニューアルを公開致します。 今回の記事では、大規模リニューアルで改修・追加した点などを解説します。テクニカルディレクターのYuuさん によるページ最適化など必見です。 旧ページと新ページを比較してみよう。 前回のリニューアルはちょうど１年前（300
403 Forbidden
＼閉鎖予定のサイトも売れるかも？／ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイナーとエンジニアの良い関係
Awwwards - Website Awards - Best Web Design Trends
Create Email Newsletter Design & Website - Designmodo
