※書きかけで放置していた記事の年末大掃除 第2弾です。年明けまで続く予定。今日のは、先月はてなでスライドのテンプレ公開が続いていた頃の奴です。しかも、最初に書き始めたのは夏前だったので、書きかけの書きかけです。 「大体いい感じの研究発表ができるKeynoteテンプレート「Zebra」を作った」を始めとするスライドテンプレート記事の公開が続いていたため、書きかけのまま放置してた記事を掘り起こしてきました。 デザインほどの内容ではないので需要が読めませんが、とりあえず置いておきますね。 経緯と概要 GoogleのMaterial Designに則って、PowerPoint用の俺俺カラーパレット作ってみた。 落ち着いた色合いで揃ってなかなか良い感じ。 頑張ってテーマ作ろうかな。 http://t.co/H8tFS7LF5o pic.twitter.com/l0oWMYVfDg— はげあたま@DM
背景はデザインにおいて、非常に重要な要素です。 ビジュアルの土台となり、他の要素がどのように見えるか決定する要因となります。 要素を引き立たせる美しい背景画像を作成するシンプルなテクニックを5つ紹介します。 5 Simple Tools to Create Beautiful Backgrounds 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 不透明度を調整したカラーオーバーレイを使用する ぼやけた背景と対になるアイコンを使用する コピースペースと共にイメージを使用する モノクロの背景にネオンカラーのテキストを使用する 形をテキストホルダーとして使用する 不透明度を調整したカラーオーバーレイを使用する 背景となる写真画像にカラーオーバーレイを加えることで、デザインの印象を引き起こします。デザインする時のポイントは、まずは画像は彩度
>このコツを大いに活用してグラフィックデザインに挑戦してみてください！ ソーシャルメディア向けのデザインからイベント用の招待状まで、どんなデザインであろうと使えるグラフィックデザインのアプリはたくさんあります。 ペアリングフォントやスケールから行揃えやホワイトスペースまで、デザインの世界は複雑な面を持ちます。この25のグラフィックデザインのコツが、創作過程のあれこれを通してあなたの手助けになるでしょう。 各項目をイメージした画像をクリックして、 独自のデザイン に編集してみましょう。楽しいデザインを！ 01. フォント頼みをやめて、書体を制限してみる このデザインを編集してみる シンプルかつ効果的なグラフィックデザインのために読みやすいフォントを使いましょう。いくつもの書体を使用したデザインは読みづらいものです。統一されたフォントを使うようにしましょう。 ここではAileronのフォントフ
2年前に同じ趣旨の記事を書いたが、いろいろ変わったのでまた書いてみよう！ Sketch 3（Mac） + Sketch Mirror（iOS） もう、Sketch以外でデザインするのはイヤだ、と思ってしまうほどパワーのあるデザインツール。ベクターベースのグラフィックツールなので、Adobe Illustratorと近いのだけど、もっと機能が絞られていて、UIデザイン寄り。いろいろと細やかに気がきいていて、好きなところを書ききれない感ある。起動が早い、ファイル保存も早い、数字書く窓でそのまま計算できる、ファイル書き出しするとき1.5倍とか3倍とか自由に拡大縮小できる、実機プレビューがリアルタイムかつ容易。 iPhone実機でデザイン確認するときは、iOSアプリSketch Mirrorでつなげることができる。リアルタイムで変更が見れる。昔はいろいろバグがあったけど、だいぶ安定して安心して使え
趣味などでWebサービスを作るときにもっとも悩ましいことのひとつがデザインだと思う。外観は重要な要素だとは理解しているし興味も一応あるけれど、実践に乏しいからどうしていいのかわからない。かといって、タダで頼めるような都合のいいデザイナーはいない。結局めんどうになって、Twitter Bootstrapで体裁だけでっち上げた妙にオタク臭いデザインになってしまう。僕もかつてはデザインを気にも留めないクソエンジニアだったけど、必要に迫られて勉強したらそれなりに手を動かせるようになったのでその方法を紹介する。僕が今年入社したスタートアップにはデザイナーがおらず、新機能を作るときなど仕方なくデザインをこなす必要があった。結果的に、仕方ないなりにPhotoshopを使ってプロトタイプを作りHTML/CSSコーディングするくらいはできるようになった。ここに書くのは仕方なくそれなりのWebデザインをする方
「デザイン = かっこ良くすること」だとは限らない。 デザインとは? 設計 複雑な問題を整理して解決すること わりとエンジニアリングに近い 文章を書く練習をすれば読みやすい文章を掛けるようになるのと同様に、勉強すれば人を困惑させないデザインは作れる。 ヒューマンインターフェースの原則 インターフェース = 接点、境界面、接触面、接合面、仲立ち、橋渡し ヒューマンインターフェース = 人とモノをつなぐもの ヒューマンインターフェースの原則 = アプリがユーザーとコミュニケーションをする時の原則 1.必然性のあるビジュアル 機能と外見が調和しているか？ TPOにあわせた格好をさせる ユーザーとコミュニケーションを取る ドレスコードみたいなもの(例:ゲーム:楽しく、ツール:信頼性ありそうな) 機能に最適な外見を与えることで... 使い方がつたわる。 とっつきやすくなる 2.一貫性 アプリ全体でル
世に出ている「デザイン原則」と呼ばれるものたちをまとめてみました。 ユーザビリティ関連からモバイルUX、サービスデザインにいたるまで、広い範囲のデザイン原則を網羅したつもりです。ただし、チェックリスト的にまとめたため、内容の詳細は記述していません。 出典や内容を紹介している外部リンクを張っておきましたので、詳細を確認したい方はそちらをご参照いただければと思います。 なお、この記事は有用なデザイン原則を見つけ次第、随時更新していきます。 更新履歴 2018/10/01： 「アクセシビリティの4原則」「Material Designの原則」「Android TV デザイン原則」「インクルーシブデザインの原則」を追加 2016/12/28： 「Microsoft デザイン原則」を「Windows UX デザイン原則」にアップデート 「Apple Watch デザイン原則」を追加 2015/10/
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 「考えるとはどういうことか？」それについて考えることが僕にはよくあります。 「考えるとはどういうことか？」と考えることで、何かを考えるための方法が明らかになることがあるからです。 だから、「考えるとはどういうことか？」を考えるのは、自分自身がうまく考えられていないなと感じるときや、他人がうまく考えられていないなというのを目の当たりにするときだったりします。 ▲この記事では、この２冊が登場するよ うまくいかないから、その理由を自省する。 それって何かを改善するためにはごくごく普通の行為だと思います。 それを踏まえると、考えることがうまくいかない要因の1つが「考えるとはどういうことか？」ということを考えようとしない姿勢にあるということもできるはず。自分自身の考えるという作業のや
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。アメーバゲーム部門でデザイナーをしております吉田直由と申します。 リリース直後からの1年2ヶ月の間、ガールフレンド（仮）でUIデザインの運用を担当しておりました。 運用のフェーズになると大きく問題になってくるのが「業務の効率化」ではないかと思います。便利ツールの導入や、難しい技術の取得などもありますが、、、使い慣れない技術は逆に効率を下げる結果になってしまうのでは？ と、なかなか一筋縄ではいかない問題です。 ガールフレンド（仮）デザインチームの場合、1年目～3年目の若いメンバーが多く、さらにメンバーの数も10人という大所帯でした。 どう
2013-12-23 モバイルUIのデザインに役に立つUIパターンギャラリー集17選 アプリの開発の時にUIのデザインに悩みますよね。 そんな時、モバイルUIのパターンギャラリー集が役に立ちます。 そのギャラリーサイトのサイトを集めてみました。 スクリーンショットを集めたものと、デザイナーの作品のものがあります。 Showrtpathブラウザを開発していた時はdribbbleをよく見ていました。 Pttrns - Mobile User Interface Patterns 優れたiPhoneサイトデザイン集 - iPhoneデザインボックス Mobile Patterns lovely ui Inspired UI - Mobile Apps Design Patterns [iPhone] Mobile Awesomeness Meerli · Featured Android Nic
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
「あなたは感覚派デザイナー？それとも理論派デザイナー？」 このような質問をされると、理論派デザイナーだと答えたくなる理系出身デザイナーのタカハマです、こんにちは。 今回は、そんな理屈っぽい私の大好物である「デザインの要素と原則」をご紹介したいと思います。理論派デザイナーの方はもちろん、感覚派デザイナーの方も知っておいて損はないですよ！ 「デザインの要素と原則」はビジュアルデザイン全般に活用できる Webデザインに限らず、ビジュアルデザインの基礎を学ぶ上で、大変参考になる「デザインの原則」というものがあります。いわゆる「Design elements and principles（デザインの要素と原則）」や「Gestalt principles（ゲシュタルト原則）と言われる原則で、デザインの構成要素や要素同士の関係性が全体に与える影響をまとめたものになります。 調べてみると識者によって分類や
Startup Datingでインタビュー連載を始めてみることになりました。さて連載の初回は、2011年に新卒としてクックパッドに入社し、現在UIデザイナーとして活躍する片山育美さん（@monja415）。片山さんが現職に就くまでの道のりや、クックパッドのUIに関する考え方、片山さんが手がけた具体的なUI改善の事例やヒントなどをたっぷりお伝えします。 美術大学で勉強、もともと職人になりたかった もともと絵を描くのが好きだし得意、高校のときから職人になりたいと思っていたと話す片山さん。美術大学に進学し、ファイン系とデザイン系でデザイン系を学ぶことを選択。ファイン系とは、絵画や彫刻などいかにも“アート”というもの。ファイン系が芸術だから、どこか自分の中で完結してしまうところがある。でも、職人って誰かのために技術を使える人なんじゃないか、と。情報デザイン学科を専攻し、サービスデザインやUXと言わ
Tweet 先日の「発想のための「レシピ」や「方程式」は存在しない。」という記事で紹介した、MITメディアラボ副所長の石井裕教授のインタビューが掲載されている『COURRiER Japon 2012年01月号』には、「デザイン思考」で知られるIDEOのCEOであるティム・ブラウンのインタビューも掲載されています。 インタビューの中でティム・ブラウンは、イノベーション手法としてのデザイン思考を以下の４つの段階で紹介しています。 「どんな問題に取り組むのか？」というデザインの概要をまとめる 世界を新しい視点から観察する 洞察を発展させるための体系的なプロセスを見つける プロトタイピングでアイデアを視覚化する この４つの段階の「2.世界を新しい視点から観察する」は「Webサービスとペルソナ」の前編と中編で紹介したプロセスに相当するもので、「3.洞察を発展させるための体系的なプロセスを見つける」は
Tweet 先日、「エクスペリエンスジャーニーマップ／カスタマージャーニーマップ」という記事で、サービスデザインを行なう上で用いるモデル化のツールとして事例を紹介したカスタマージャーニーマップ。 このカスタマージャーニーマップの作成に関して、オランダのサービスデザイン会社DesignThinkersのArne van Oosteromが書いた「Mapping out customer experience excellence: 10 steps to customer journey mapping」がとても参考になると思います。 （参照元：slideshare "DesignThinkers presentation at the Aegon Marketing Conference 2011"のP57より） 今回はその記事に書かれたカスタマージャーニーマッピングを行なう10ステップを
Tweet 海外でのサービス＆エクスペリエンスデザイン分野の事例を見ていると、気付くのはアメリカでは商用サービスのデザインがほとんどを示しているのに対して、ヨーロッパでは公共サービスの占める比重も高いということです。地域コミュニティにおける健康や医療の問題などを扱ったケースも少なくなく、より社会性の高い課題をデザインによって解決しようというソーシャルイノベーションの視点が含まれた事例が多く見られます。 一方、アメリカの事例でも公共サービスではありませんが、「医療／健康のサービス＆エクスペリエンスデザイン事例」という記事で紹介したような薬局のサービスデザインや病院を対象にしたサービスデザインの事例は数多く見られ、医療やヘルスケアの分野がサービスデザインの１つの主要な領域になっていることがわかります。 日本においても、今後ますます高齢化が進んでいくにつれ、医療や健康に関する課題はより深刻なもの
Tweet 顧客やサービス提供スタッフなど、様々なステークホルダーを巻き込んだ形で進めるサービスデザインのプロジェクトでは、いかにメンバー間で「見えないサービス」のイメージを共有するかがキーとなり、そのため視覚表現を駆使してサービスアイデアのイメージを伝えあうことが大事だということは、前回の「ヘルスケアサービスの事例にみるコデザインにおける視覚表現の重要性」のなかで実際のプロジェクトの事例をみながら紹介しました。 ただ、前回の記事のUPMCのサービスデザインの事例ではスケッチという初歩的な視覚表現のみの紹介でしたが、実際のサービスはスケッチに描かれた画像のように静止しておらず、常に動き、変化するものです。そうした動きや変化のあるサービスのイメージを共有するためには、プロトタイプを使ってシミュレーションする手法も必要になります。 今回はそうしたプロトタイプを使ってサービスのシミュレーションを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
