Prott User Meetup vol.11 Google Playベストアプリ特集 で話したことです。 補足などをここに書きました。 http://tech.pepabo.com/2016/02/05/talked-about-ui-design/Read less
今更聞けない、デジタルマーケティングの基礎知識から、最新のアドテクまで、あなたに役立つ情報をご紹介します。 マーケティング活動の中で企画書や提案書を作る際、市場調査データを活用した裏付けは必須です。今回は企画書や提案書の作成に役立つ、必要な市場調査データを無料で入手できるWebサイトを紹介します。 政府が公開する調査データ 1. 総務省統計局 総務省統計局のWebサイトでは、「国勢調査」「人口推計」から「家計消費状況調査」「サービス産業動向調査」などに至るまで、様々な国内統計データを無料で入手可能です。 「統計局ホームページ」 無料で入手可能な調査データ例 ・国勢調査 ・人口推計 ・全国・都市・階級別電子マネー等関連の利用状況 ・宿泊業、飲食サービス業、教育に関する「サービス産業動向調査」 2. 経済産業省 経済産業省のWebサイトでは、「特定サービス産業動態統計調査」という調査データを無
Webデザインは他の媒体デザインからも学べることが多々ありますね。今回は僕が実際に「ロゴデザイン・ラブ」という本を読んで、これだけは押さえておきたいなと感じたポイントを紹介します。 デザインの感想のもらい方を工夫する 著者は作ったロゴをお客さんに確認する際には「これでいかがでしょう」といった聞き方をせずに、ひとつ踏み込んでデザインをプレゼンしているようです。 デザインをプレゼンする際に事前にヒアリングしたことから背景をまとめ、新しいロゴでどこを目指すのか、デザインがもたらす実質的な利益についてもう一度復習します。そしてデザインを見せたあと、感想の話し方にも指示を出しています。 では、感想を聞かせてください。このデザインはすでに私たちの間で合意済みの戦略に沿ってると思いますか?ただし、問題がある場合に、解決策を結論づけて指示することはお控えください。それはあなた方から支払われる報酬の中で私た
こんにちは! メディアディレクターのよっしーです! 私の所属するPooleチームでは、勉強会やイベントを定期的に開催しています。特に人事向けの勉強会は開催を重ねるごとにどんどん参加者が増えており、採用ノウハウのニーズの高さを実感します。 さて、早速ですが昨年12月15日に開催した第2回人事向け勉強会のイベントレポートに参ります! 今回はアドウェイズと面白法人カヤックの2社をお呼びして、イベントを開催しました。 【アドウェイズ】“人儲け”を実現させる�アドウェイズの採用と人事制度 2001年に創業し、2006年には東証マザーズへ上場を果たしたアドウェイズ。2006年当時は史上最年少上場社長となった代表の岡村氏が大きな話題になりました。そして現在はアジアを中心に12ヶ国に事業を展開しており、社員数は全世界で1,000人を超えています。 さらに新卒と中途合わせて全国から毎年約100名を採用してい
バナーデザインは決められた領域内でどれだけユーザーやターゲットの目にとまるようなデザインにできるかが重要になってきます。 デザイン制作したことあるなら一度は経験したことあると思いますが、領域が決められているけどその中でしっかり伝えたい内容を目立たせる必要があるので、何度もレイアウトを調整したり、結局時間をかけて完成してもいまいちな出来になってしまったりなんてことも...。 そこで今回は、バナーデザインをするにあたって覚えておきたいレイアウトやデザインパターンをはじめ、効率良く制作していくことができる制作フロー、特に新米デザイナーさんなどには非常に参考になると思うので是非目を通して欲しいエントリー、インスピレーションをもらえるバナー関連のデザインギャラリーといった、バナーデザインの制作に関連することをまとめてみました。 バナーデザインの制作フロー 後ほど紹介するエントリーでこのような内容に関
フロントエンド周りの技術は驚異的なスピードで進化し、また多様化しています。それらを全てマスターするのは途方もなく大変なので、ペパボでは、社内のエンジニア・デザイナが「最低限これだけはおさえておこう」というスタンダードを文書化することにいたしました。社内向けを想定した文書ではありますが、社内のみに留めず多くの方に役立てたいと考えたため公開します。 スタイルシートの夢 (1) 予測しやすい (2) 再利用しやすい (3) 保守しやすい (4) 拡張しやすい 代表的な CSS 設計手法 既存プロジェクトの CSS に立ち向かう! (0) 流れ (1) 既存の CSS ファイルを元に SCSS ファイルに変換する (2) イニシャライズ CSS や共通の箇所のスタイルを分離する (3) CSSLint を使って、修正しやすいところから整理していく (4) コンパイル (5) スタイルのスコープ(あ
こんにちは、CTOの林です。みなさんにとって2015年はどのような年でしたか。記憶に残るような1年でしたでしょうか。 私は今年からCTOとなり、多くのことがこの1年で変化し、それに伴いたくさんの出会いや経験がありました。今日はこの1年間を振り返りながら、CTOになった経緯や来年の取り組みについてお話しさせていただきます。 ※これは「LIGinc Advent Calendar 2015 最終日」の25日目の記事です。 6月にフロントエンドリーダーという立場に加えて、CTOになりました。 さらに組織体制が変わったことにより、Web制作グループ長も兼任となり、最終的には「CTO兼Web制作グループ長兼フロントエンドチームリーダー兼フロントエンドエンジニア」となりました。長い。 CTOになった経緯 2014年4月にフロントエンドチームのリーダーとしてLIGへジョインしてから、職種にとらわれない活
画像の軽量化やコード圧縮といったツールをはじめ、各種リファレンスサイト、利用している人が多いエディタやデザインツールのショートカット一覧など、web制作時に便利だと思うツール・サイト・チートシートを自分のブックマークがかなり乱雑化してきたのでその整理も兼ねて一気にまとめてみました。 もちろん他にもこういった便利なものは沢山ありますし、自分も普段からここで紹介しているもの全てを利用しているというわけではないのですが、こういったものを利用することで人によっては大幅に制作時間を減らすこともできると思います。 また、覚えておくとど忘れした時に容易に確認等もできたり、勉強時の参考にすることができるものもあります。 September 01, 2020 更新 リンク切れサイトを削除しました。(100サイト以下に縮小しました...。) January 16, 2016 追記 新たに5サイトを追加して10
センスの良いカラーパレットを手に入れるのは簡単ですが、データを見せるための正しいカラーパレットを見つけることは非常に困難です。データの情報を正しく、効果的に伝える必要がある時に適したカラーパレットを紹介します。 Finding the Right Color Palettes for Data Visualizations 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 既存のカラーパレットの注意点 データに最適なカラーの3つのポイント 分かりやすいデータのためのカラーパレット 既存のカラーパレットの注意点 まずは、既存のカラーパレットを調査してみました。 ほとんどのカラーパレットは、複雑なグラフやデータをビジュアル化するためにはデザインされていないことに気がつきました。既存のカラーパレットが適さない理由は、3つです。 1. アクセシ
This is a list of best free fonts of 2015.You know we share fresh free fonts on a daily basis with our loyal readers and in 2015 really beautiful fonts have been designed by talented designers around the world.You can find all types of fonts whether sans or serif or handwritten style or even art deco fonts around the net but this time we only bring together handpicked free fonts from 2015. Althoug
サイト制作時にTwitterやFacebookなどのソーシャルメディアサービスのボタンを設置する機会が多いと思いますが、それらを特に独自デザインなどで実装する場合はロゴデータが必要だったり、どのようなカラーコードを使用しているかなどを調べることがあります。 自分もそのような場合は公式からデータをもらったりカラー確認したりするのですが、毎回ググるのが面倒なのとサービスによってはすぐに該当ページを見つけられないなんてことも稀にあるので、個人的にサイトやブログ制作時によく設置・利用されると思う各種サービスのガイドラインへのリンクを一覧化しました。 サービスによってはリンク先で全ての内容を確認できないものもありますが、ほとんどがロゴデータをダウンロードすることができ、ブランドカラーなども確認できるページとなっています。 また、利用条件や禁止事項についても同ページ内に記載されているところが多いので、
TOP > Design > テキストデザインをより魅力的に デザイン性を高められるエフェクトチュートリアル「New Photoshop Text Effect Tutorials」 イラストや写真などの他、テキストを使ってデザインを魅力的に表現する方法もありますが、表現の幅がどうしても狭くなってしまいがち。今回はそんなシーンに活用したい、デザイン性を高められるエフェクトチュートリアル「New Photoshop Text Effect Tutorials」を紹介したいと思います。 How to Conform Text to a Surface Using a Displacement Map in Photoshop | Design Panoply テキストデザインをより魅力的に演出できるエフェクト例がまとめられています。気になったものをピックアップしましたので、下記より御覧
TOP > Design > ヴィンテージ調のロゴデザイン作成に活用できる「15 Free Vintage Logo Template Collections」 ロゴやバッジなどを制作する際にとても便利なフリーテンプレート素材は多数配布されていますが、たくさんの中からどれを選んでよいか迷ってしまうことも。今回はそんな時に参考にしたい、ヴィンテージ調のロゴデザイン作成に活用できる「15 Free Vintage Logo Template Collections」を紹介したいと思います。 Freebie: 5 Vector Insignias | Every-Tuesday アンティークな雰囲気を感じることができるロゴテンプレート、いろいろな種類がセットでダウンロードできるようになっています。 詳しくは以下 5 Vintage Labels / Insignias Vol.1 | G
2015年10月22日 Webデザイン 私がまだデザイナーとして働き始めて間もない頃、よく言われた言葉の中に「もっと自由にデザインしてくれていいんだよ!」というものがありました。しばらくはその意味がわからなかったのですが、後になって渡されたワイヤーフレームと自分のデザインを見比べると、何も変わっていないな…と気づくことが多々ありました。今回はそんな、ワイヤーフレームとデザインについて考えてみようと思います。 ↑私が10年以上利用している会計ソフト! 冒頭でも述べたように、Webデザイナーとしての経験があまりないうちは、どうしても渡されたワイヤーフレームに引っ張られてデザインしてしまうこともあるかと思います。もちろん、ワイヤーフレーム通りのレイアウトが求められることもあるでしょう。しかし、あなたはデザイナーです。指示された通りに動くマウスカーソルではありません。ワイヤーフレームを作るのは、多
公開日 : 2015年10月17日 (2019年1月26日 更新) カテゴリー : アクセシビリティ / ユーザビリティ ウェブサイトやアプリケーションの開発や運営においては、一貫性のあるユーザーインターフェース (UI) を採用し、維持することが、ユーザビリティ上重要になります。UI の一貫性を保つためには「パターンライブラリー」を用意し、プロジェクト関係者の間で共有しておくと便利です。 パターンライブラリーとは、サイトやアプリを構成する UI コンポーネントをパターン化して再利用できるように、一覧化したものです。「スタイルガイド」と呼ばれることもあります。 パターンライブラリーの内容 プロジェクトによってパターンライブラリーに含まれる内容は様々だと思いますが、主な構成要素としては以下が挙げられます。 UI コンポーネントの外見およびインタラクション 実装に用いるソースコード (HTML
キーワードサーチやアナリティクス、ページスピード、グラフといったSEOに関連しているようなものをテーマにしたアイコンセットのまとめです。 大体同じようなものがアイコン化されていますが、シンプルなアウトラインタイプのものやカラーが可愛らしいものなど全15セットあります。 紹介しているアイコンを使用する際は、ライセンス等は各自で再度確認してください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く