PCやスマートフォン、タブレットなどデバイスの多様化に伴い、一般化したレスポンシブデザイン。Googleが推奨しており、ユーザビリティも向上することから現在では多くのホームページが導入しています。 自社のコーポレートサイトやブログのリニューアルを機にレスポンシブデザインの導入を検討しているWeb担当者もいるのではないでしょうか。とはいえ、Web制作スキル、外注費に余裕が無いという方もいるはずです。 そこで、Web制作スキル不要かつ無料で導入できるWordPressを活用することで、スキルと費用の課題を解決できるでしょう。WordPressはテーマ（テンプレート）をインストールするだけでデザインを変更できるのが特徴です。 今回は、WordPressで利用できるレスポンシブデザインに対応したテンプレートを紹介します。すべて無料で利用できるので、気になった方は試してみてください。 参考： レスポ

はじめまして！サイバーエージェントの子会社として設立しました株式会社トルテにてデザイナーを担当していますスワンこと白鳥(@shiratoriyurie)です。今回は、サイバーエージェントのメディア管轄において、新しい取り組みとして始まった読書を推進する「しらとり文庫」についてお話したいと思います。 さて技術者のみなさま、普段から読書をしていますか？ 普段はペーパーレス派の方も多い業界ではありますが、意外にも技術者は読書が好きな人が多いように思います。新しい情報はどこよりも早くネットで流れてくる世の中になりましたが、どれだけ時代が変わろうとふとしたとき私たちに気づきや教訓を与えてくれるのはやはり本です。 そんな私自身ももちろん読書が大好きなのですが、そのきっかけは大学時代にフロントやデザイン、マーケティングの齧りの本などで独学で勉強をし始めたことでした。当時、本を買って読めば世の中大抵のこと

「デザイナー」と聞いて、あなたならどういった職業の人物を思い浮かべますか？ デザインと一口に言っても、*店舗のショーケースをデザインしたり、ホームページやゲームキャラクターをデザインしたり、*仕事の内容は多岐に渡ります。 請け負う仕事の内容によって求められるスキルは異なるので、デザイナーを目指したい方は自分の得意分野を見つけておくようにしましょう。 今回は、分野別にデザイナーの種類とそれぞれの特徴を紹介します。 これからデザイナーになりたい方や現在デザイナーとしてのキャリアに迷われている方はぜひ参考にしてみてください。 デザイナーの仕事の種類21選 総務省が公表している「日本標準職業分類」において、デザイナーは専門的・技術的職業従事者のうち芸術家や写真家と同じ分類としてまとめられています。 ですが、デザイナーは取り扱うものによってプログラミングや建築など、芸術分野以外の知識も求められる職業

ユーザーエクスペリエンス (UX) デザインを少しでもかじったことのある人であれば、ヒットするプロダクトやビジネスの成功におけるユーザー体験の重要さが理解できると思う。 「これからの企業に不可欠な三種の神器とは」でも説明されている通り、グローバル規模で成功している企業が提供する商品やサービスの裏には、優れたユーザー体験がその成功の秘密として隠されている。 また「ユーザー体験こそがマーケティング戦略の主流になる ~UX for Marketing~」でも語られている通り、現在話題になっているスタートアップ企業やユニコーン企業も正しいユーザー体験を通じて多くのユーザー獲得につなげている。 UXにおいて何が優れているのか?そもそもUXにおいて「優れた」とか「正しい」とされる要素は何であろうか？一般的にはユーザー側から見ると、利用していて”心地良い”とか”楽しい”などの要素。そして提供側から考える

TOP  >  Design , WebDesign  >  食べ物を中心にまとめられた可愛らしいデザインアイコンまとめ「100 Free Food and Party Icons」 UI面の向上に一役買ってくれるアイコン。視覚的サポートとして非常に役立つ存在であり、特に食べ物だったりアクションを表現する際には効果的で直感的な理解につながります。今回ご紹介する「100 Free Food and Party Icons」は食べ物やパーティーシーンなどを表現したアイコンがを中心にまとめられたアイコンセットです。 カラフルでポップなアイコンが全部で100個種類まとめられています。収録されているアイコンは下記よりご覧下さい。 詳しくは以下 はっきりとした線に、少し色を混ぜた色味のデザインはPOPという印象にとどまらず、スタイリッシュな印象を与えてくれます。食材からキッチン用品など、食に関するアイ

「複雑！すべての機能をとても使いこなせない」 数多くボタンが並んだAV機器のリモコンを見て、過去に思ったことがある人も多いでしょう。 しかし、いざ自分がWebサイトを企画する側になると、複雑なリモコンと同じものをつくってしまいがちです。 誰もが、シンプルで使いやすいWebサイトをつくりたいと思っているはずなのに、なぜ、そのようなことになってしまうのでしょうか。 順に考えていきます。 小さな労力で大きな価値を Webサイトを開発するリソース（お金、時間、人）は、どのような企業でも有限です。 そのため、なんでもかんでも思いついたものを、つくるわけにはいきません。 小さな労力でWebサイトをつくり、大きな価値を生み出す努力が必要です。 そのためには、当然ながらWebサイトの開発スコープを絞ります。 顧客の対象を絞る スコープを絞るには、顧客の対象を絞るのが１番手っ取り早い方法です。 たとえば、顧

ペパボのシニアデザイナーをしている咲 @satosio です。 2011年に入社してから、heteml→PEPABO WiMAX→Goopeと異動をかさね、 2017年7月1日から技術部デザイン戦略チームに配属となりました。 Goopeのまえはロリポップ！でリブランディングに参加していたので、多くのサービスを渡り歩いてきた感じがしますが、ついにサービスを持たない部署に入ることになりました。 この記事に書いていること デザイン戦略チームを『新設した経緯』と『いまとこれから』を紹介していこうと思います。 まず、ペパボのデザイナーは各サービスに所属している、いわゆる縦割りの組織です。一方で、インフラエンジニアやカスタマーサービスは、サービスをまたぐ横割りの組織となっています。 そして今回、新しくつくったデザイン戦略チームは、デザイナーの横割り組織になります。メンバーは、シニアデザイナーの @si

サービスデザインで陥りやすい３つの落とし穴｜クックパッド ※2017年6月に開催された「UX Failcon 〜先人たちの偉大な失敗と成功〜」よりレポート記事をお届けします。 271万品のレシピが投稿され、月間6000万人以上に利用されている料理レシピサービス「クックパッド」。同サービスのデザイナーとして、iOS/Androidのアプリの改善や新機能の開発を行っている倉光美和氏からは「サービスデザインでハマりやすい落とし穴」について語られた。 クックパッドにおけるサービスデザインは、“仮説を立てて、開発を実行し、ユーザー検証を行う”というサイクルで行っていく。倉光氏によれば、「仮説・実行・検証」という3つのフェーズごとに、それぞれ落とし穴が存在するという。 ※（レシピ数は2017年7月時点、利用者数は2017年3月時点の数字） 1. 理想の体験がユーザー視点でうまく定義できていない 仮説を

2016年1月20日 Webデザイン テキストを四角で囲ったシンプルな枠。もちろんWebだけでなく、印刷物でも多く使われていますよね。今回は、デザインをする上では欠かせないと言っても過言ではないこの囲み枠にフォーカスしてみようと思います。新米デザイナーさんや、デザイナーじゃないけど資料作成をする機会の多い営業さんの参考になれば幸いです！ ↑私が10年以上利用している会計ソフト！ 呼び方は「囲み枠」で正しいのか…謎ですが、テキストを囲んでいるボックスのことです。海外では「パネル」「テキストボックス」等と呼ばれています。 こんな時に使うと◎ 強調する時 「今なら20％オフ！」「期間限定！」等、注目して欲しい要素に利用されます。Webサイト上ではアラートメッセージでよくみかけますね。図はBootstrapのアラート要素。 要素の差別化 補足や注意書きなど、メインのコンテンツと区別して表示したい時

東京ベイ潮見プリンスホテル ”水辺の宿場町”をデザインコンセプトとするアートホテル「東京ベイ潮見... 詳細を見る

2017-08-03デザイン言語システムを入れたらコミュニケーションコストがぐっと下がった話〜メドレー TechLunch〜ビールが美味しい季節ですね！ 最近飲みすぎて嫁に叱られて、飲み会自粛中のデザイナー・マエダです。 メドレーでは TechLunch という社内勉強会を実施しているのですが、デザインについて私も発表する機会をいただきましたので、その内容を紹介させていただきます。テーマは「DLS の導入について」です。発表資料は記事の最後をご覧ください。 DLS（デザイン言語システム）とはDLS とは DesignLanguageSystem の略で、すごい単純にいえばデザインガイドラインみたいにUI に一貫性をもたせるため、配色やレイアウト、タイポグラフィやマージンなどのルールを策定するものです。 私が主に担当しているオンライン診療アプリ「CLINICS」は、iOS、Android、W