タグ

ブックマーク / webnaut.jp (7)

  • Pepperを「気持ちのいいヤツ」にデザインする12のTIPS | WebNAUT by Beeworks

    突然ですが、Pepperと接していて「イラッ」としたことありませんか? あるいは「ロボットったって、正直まだまだだな」とか「まあこんなもんか」とか。 正直な話、これはそのまま私自身のPepperに対する第一印象だったわけですが… 実は、先日配信されたPepperアプリの企画設計を自分自身が経験した中で、 ひとつわかったことがあります。 それは「Pepperにイラっとするのを、Pepperのせいにしてはいけない」ということ。 Pepperとコミュニケーションしていて「楽しい」とか「わくわくする」とか「便利だなあ」とか、なんとなく「気持ちいい」とか、あわよくば「Pepper好き」とか、そんなふうにユーザーに感じてもらえるかどうかは、誤解を恐れずに言えば「Pepper自身」ではなく「Pepperアプリの設計者」にかかっていると思います。 Pepperを気持ちのいいヤツにするコミュニケーションデ

    Pepperを「気持ちのいいヤツ」にデザインする12のTIPS | WebNAUT by Beeworks
    field_combat
    field_combat 2017/03/13
    地味だけど大事そう
  • WebNAUT by Beeworks | デザイン制作会社ビーワークスの情報メディア

    Know-how 日頃クライアントワークを行っているディレクターが、自社コーポレートサイトリニューアルを担当して学んだこと

    WebNAUT by Beeworks | デザイン制作会社ビーワークスの情報メディア
    field_combat
    field_combat 2017/02/17
    Web制作系情報ポータル
  • 長いデザインを印刷する|Print1

    縦に長い画像を1枚で印刷する際に自動分割してレイアウトするツールです。※2015.11.10 分割表示されないエラーに対処しました 使い方 画面の赤い点線で囲われたエリア部分に画像ファイルをドラッグ&ドロップすると、画像の長さを計算して自動的に折り返すように複製して配置されます。 スライダーまたは数値を入力して画像の幅を調整、また画像の位置を個別にドラッグで動かして調整してください。 画面左下の印刷ボタン、またはブラウザのメニューから印刷を行ってください。 画面左下の×ボタンはページをリロードして表示をクリアします。その際、画像幅の設定値は保存されます。 対象ブラウザ Google Chrome 最新版 対応画像形式 jpg,gif,png,svg 紹介記事 WebNAUT

    長いデザインを印刷する|Print1
    field_combat
    field_combat 2015/01/09
    長いWebサイトのキャプチャ画像を適宜並べた状態にしてくれる
  • 新人くん、これわかる!?書体の要素が手っ取り早くわかる例え画像 | WebNAUT by Beeworks

    こんにちは!新人デザイナーの入社を今か今かと待ち望んでいるデザイナーのタカハマです。 前回は「定番書体代わりに使えるGoogle Fonts」をご紹介しましたが、今回は「書体の要素」をちょっとした例え話と画像を用いてご紹介します! フォントにも家族がある デザイナーが書体を語る上で、まず知っておきたい言葉「フォントファミリー」 書体の太さ・傾き・字幅が異なっても、書風に一貫性のあるフォント群をまとめて「ファミリー」と言います。 そう、書体にも家族があるんです!次の画像はヘルベチカファミリーの一例です。 そんなフォントファミリーの特徴をWebNAUTにちょこちょこ登場しているキャラクター「ウェブノートくん一族」に例えてご紹介します。 太さ(ウェイト) 同じ書風で太さに変化をつけた書体を用意することをウェイト展開といいます。いわば体重ですね。 シンくんはガリガリタイプで、レギュラー・ブックくん

    新人くん、これわかる!?書体の要素が手っ取り早くわかる例え画像 | WebNAUT by Beeworks
  • あなたは見分けられる!?定番フォント代わりに使えるGoogle Fonts 27書体 | WebNAUT by Beeworks

    ※この記事は2014年1月6日に執筆された記事です。現在は内容が異なる可能性があります。 あけましておめでとうございます!定番フォントを愛してやまない、デザイナーのタカハマです。今月からTypeSquareの「MORISAWA PASSPORTプラン」が始まるようで、国内サイトでもWebfontの使用が一気に増えそうですね! そこで今回は、WebNAUTでも使用しているWebfontサービス「Google fonts」から、定番フォントの代わりに使えそうな書体をリストアップしました。 定番フォントをカタチ別にピックアップ 今回は定番フォントの偏りを防ぐために、誠文堂新光社「ABCのみほん〜かたちで見分けるフォントガイド〜」を参考に次のようなカテゴリで分類させて頂きました。 Historical Script 歴史的書体 Serif セリフ書体 Hybrid ハイブリッド書体 Sans Se

    あなたは見分けられる!?定番フォント代わりに使えるGoogle Fonts 27書体 | WebNAUT by Beeworks
    field_combat
    field_combat 2014/01/06
    前にデザイナーが指定したフォントに近いものを探したけど、数字が結構違ったりしてガッカリした記憶がある。
  • 【検証】クリックされるボタンの色は? | WebNAUT by Beeworks

    検証したパターン 調査結果 全アクセスのコンバージョン率(CVR) 結果は下記の通りとなりました。 なんと!緑色がもっともCVRが低いという結果になりました。 どうやら、無条件に「緑色のボタンはクリック率が高い」という結果にはならないようです。 Firefoxをダウンロードしたユーザーと、ビーワークスの採用に応募しようとしたユーザーには、何か違いがあったのでしょうか? 「どこから流入したか」によって結果に違いがあった 調査対象ページにアクセスしたユーザーは、何かきっかけがあって、ビーワークスの採用に興味を持ってアクセスしているはずです。そこで、どこから流入したのか、「参照元」のセグメント別に結果を分けて分析してみます。 こうやってセグメント別に分けてみると、参照元によってCVRの平均値自体に大きな差があることがわかります。CVR順に並べると、検索 > WebNAUT > なめぱら という結

    【検証】クリックされるボタンの色は? | WebNAUT by Beeworks
    field_combat
    field_combat 2013/08/22
    無難な所で青かオレンジみたい
  • 感覚派デザイナーも知っておいて損はない「デザインの要素と原則」 | WebNAUT

    「あなたは感覚派デザイナー?それとも理論派デザイナー?」 このような質問をされると、理論派デザイナーだと答えたくなる理系出身デザイナーのタカハマです、こんにちは。 今回は、そんな理屈っぽい私の大好物である「デザインの要素と原則」をご紹介したいと思います。理論派デザイナーの方はもちろん、感覚派デザイナーの方も知っておいて損はないですよ! 「デザインの要素と原則」はビジュアルデザイン全般に活用できる Webデザインに限らず、ビジュアルデザインの基礎を学ぶ上で、大変参考になる「デザインの原則」というものがあります。いわゆる「Design elements and principles(デザインの要素と原則)」や「Gestalt principles(ゲシュタルト原則)と言われる原則で、デザインの構成要素や要素同士の関係性が全体に与える影響をまとめたものになります。 調べてみると識者によって分類や

    感覚派デザイナーも知っておいて損はない「デザインの要素と原則」 | WebNAUT
  • 1