それもデザインです！仕事と育児の両立方法
こんにちは。デザイン担当の高取です。 私は育休から復帰して 3 年目のワーキングマザーで、スマートフォンアプリや Web アプリのデザインをしています。 そんな私が時々質問されること、それは 「仕事と育児、どうやって両立してますか？」 この質問、ワーキングマザーばかり訊かれがちですが、仕事と育児の両立が課題なのは、子供がいて働いている人全員ですよね。皆さんは、どうやって両立していますか？ 私は「なんとか頑張ってます…」としか言えない状態ですが、育休復帰 3 年目になって、少しずつペースがつかめてくるようになってきました。 今回は、私の仕事と育児の両立方法についてご紹介いたします。 仕事について 私は現在時短勤の制度を利用しており、通常勤務の他のメンバーよりも労働時間が少ないです。しかし、時短であることよりも、1 分たりとも残業ができないことの方が仕事上のインパクトがあります。 けっして残業
【非デザイナー向け】フラットデザインに欠かせないピクトグラム的アイコンの作り方
iOS 7 にもフラットデザインの波がやってきましたね…！ フラットデザインには欠かせない、ピクトグラム的アイコンはリッチデザインなアイコンと比較して簡単に作れそう！作ってみよう！という方もいるのではないでしょうか。 ちなみにピクトグラムというのは記号や絵文字を指し、共通言語としての役割を持っています。 見かけは簡単そうですが奥は深いのです、、ただ、技術面での高度さはあまり必要ないと思います。表現方法が限られる分難しい部分も多いですが… 今回は興味があるけどどこから手を付ければいいの？という方向けにピクトグラム的アイコンの作り方を紹介したいと思います。 アイコンのモチーフを決める アイコン案はこんな感じで出しています。 例として「医療」アイコンで考えてみました。こういった図にして 考えると道筋が立てやすく、後で迷った際に復帰しやすいです。 その場で図が浮かぶ物は描き足しておきます。 決める
PSD からテキスト情報を抽出するスクリプト
こんにちは。デザイナーの高口です。 デザイナーの皆さんは、デザインを開発者に伝える時、どのようにしていますか？ 口頭で伝える、印刷したデザインに書き込む、指示書を作る…様々な手法があると思いますが、どれも時間がかかりますよね。 そこで今回は、伝える手間を少しでも減らすべく、PSD からテキスト情報を抽出するスクリプトをご紹介いたします。 1.スクリプトをダウンロード まず、下記のリンクからスクリプトをダウンロードして下さい。 (ご利用に際しては、自己責任にてお願いいたします。) ダウンロード ： TextExportToCSV ダウンロードしたファイルを解凍すると「TextExportToCSV.jsx」というファイルがありますので、下記のフォルダにコピーして Photoshop を再起動して下さい。 Windows – C:\Program Files\Adobe\Adobe Photo
成果の上がるUI/UXをデザインする為にはリサーチが大切であるという話
こんにちは、坪内です。 先日、新たにスマートフォンアプリ向けにUI/UXリサーチ･デザイン事業を始めますよ、というプレスリリースを配信させていただきました。日経産業新聞さんや Cnet さんにも記事を載せていただきました。 企業のスマートフォンアプリ開発におけるUI/UX面の課題や問題点を抽出し、改善していくという言わばスマートフォンアプリのデザイン・コンサルティングのような事業です。この事業では、ユーザビリティテストやグループインタビュー、ビジネスコンテキスト調査、その他ありとあらゆるリサーチ手法を駆使しながら、徹底したユーザー視点で、ユーザーの満足をデザインするサポートを行います。 UI/UXリサーチ・デザイン事業は、 Sleipnir Mobile の開発運用やスマートフォンアプリの共同開発事業の経験で得たノウハウを余すことなく取り入れた、専門的なリサーチ・デザインサービスです。その
黄金比をもっと身近に感じてみる
デザイナーの大西です。好きな四角形は黄金長方形と正方形です。 黄金比とは 1:1.618（5:8）の比率を言い、安定した美しい比率とされ芸術にも使用されています。ほかにも白銀比などがあります。 詳しくはこちら Wikipedia – 黄金比、数学的な美 レイアウトを決める際の指標としても重宝するので Web デザイナーさんたちにはおなじみと思います。 ロゴやアイコン、プロダクトでも黄金比になっているものは多く、デザイナーの端くれとしては大いに気になる存在です。 黄金比でレイアウトするためのテンプレートや Web サービスなどもあり、それはそれで便利ですが、普段使っているツールでもっと気軽に、グリッドレイアウト以外でももっと身近に黄金比を使いたい！ということで、わたしは黄金比でシェイプを作り Photoshop で使用しています。 作って 登録 比較に使用してみる フェンリルロゴ まずは黄金
会社をサッカーチームにたとえるというお話
こんにちは。プロモーション担当のクーパーです。今日は、時折、会社にいらっしゃって私たちをご指導くださる、メンター大先生のお話をそのまま抜粋して紹介します。丸ままの受け売りになってしまいますが、先生には掲載のご了承いただております！では、始まり。始まり。 組織（会社）の中では時に自分の立ち位置、目的やモチベーションが解らなくなる事は多々ありますよね。そんな時に自分を冷静に分析する方法としてサッカーチームに例えるとスッキリしやすいというおはなしです。 自分は選手？コーチ？監督？評論家？ 言うまでも無く経営者（役員）で無ければ自分は選手である事を認識しましょう。なんらかの役職は付いて居てもよほどの規模の組織で無い限りは、コーチでは無くあくまでフィールドでプレイする選手の中でのリーダーなんだと思います。たまに年俸である賃金を得ているのにチーム内で評論家が居たりします。試合に出ているのに評論ばかりし
高品質な UI や Web のデザインが短時間で作れるおススメの Fireworks 拡張機能 4つ
こんにちは、イメージ担当の長谷川です。 「品質を上げれば速度が落ちるし、速度を上げれば品質が…」 デザイナーにとってはこの品質と速度が非常に悩ましいですよね。 今回は UI や Web デザインのモックアップなどを、品質を保ったままサクっとデザインするときに役立つ Fireworks の拡張機能をご紹介します。 1. 作ったデザインを崩さずにまとめて縮小できる「Smart Resize」 Web ページのデザインデータを使ってスマートフォン用など異なったサイズのデザインを作りたいときなどに最適です。 【使い方】 インストールするとコマンドに「Smart Resize」が追加されます。 サイズ調整をしたいデザインを選択して コマンド＞ Smart Resize ＞ Attach を選択します。 後は黄色のコントロールポイントでサイズを調整するだけでテキストの改行などデザインを保ったまま自動的
リッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。
こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。 ところで『MAX 塗り』ってご存知ですか？ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。 『MAX 塗り』とはプラモデルに立体感を出すためにエッジから中央に向かってぼかしていく、昔からある「ぼかし塗り」や「グラデーション塗り」の技法です。 この技法で塗装されたプラモデルは単純に塗装したものより格段に迫力や存在感が上がります。プロモデラーの MAX 渡辺さんが良く使うプラモデルの塗装技術として通称『MAX 塗り』と呼ばれています。 Web や UI にこの『MAX 塗り』を取り入れる方法は簡単です。 作ったボタンや背景などのグラフィック
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
