NewsPicks UIデザイナーのFigma利用フロー大公開！｜つづく（ひらい）ともこ | mokataaan
自己紹介NewsPicksでUIデザイナーをしております。つづく（ひらい） ともこと申します！ 初note投稿なので、本題に入る前に軽く自己紹介をさせていただきますm 2016年に武蔵野美術大学デザイン情報学科卒業後、ヤフー株式会社に新卒デザイナーとして入社しました。 ヤフーでは広告管理ツールのUIデザインやCtoCサービスアプリのデザインなどに携わりました。 そして今年の6月末でヤフーを退職し、株式会社ニューズピックスにUIデザイナーとして転職しました。 現職ではNewsPicksアプリやWeb、その他関連サービスのUIデザイナーとして関わっております。 仕事の話はそこそこに…。なにより一番に覚えて帰っていただきたいのは、「女性アイドルが好きです！」ということです！！ ハロプロ、日向坂46などの日本の女性アイドルグループが物心ついたときから今までずっと好きでして、最近だと「Girls P
職種を超えたコミュニケーションデザインを考える
2018年9月8日 builderscon tokyo 2018 （#builderscon）に登壇しました。様々なタイプのエンジニアが集まる大イベント。エンジニア寄りの話ばかりの中でデザインの話をしてきました。とはいっても、直球のデザインの話をしても面白くないと思ったので「デザイナーとうまく協働する方法」というコミュニケーションについて今やっているコトと今後の課題について話しました。 職種を超えた言語共有の難しさ ニュアンスだけでなく言葉ですら捉え方は様々です。デザイナーの間でさえ「デザイン」という言葉から思い浮かべる職域や働き方が微妙に異なります。「プロダクトのあるべき姿」であればなおさらです。人によって「良い」の定義が異なれば、優先順位も微妙に変わります。 こうした課題を解決すべく、言語化・視覚化があちこちで行われています。ペルソナを作るのもひとつですし、プロトタイプも方向性を共有す
ソシオメディア | OOUI の目当て
OOUI の目当てについて考えたいと思います。 私はここで「目当て」という言葉を「オブジェクト」の訳語として使っています。このタイトル自体に同語反復的な響きを持たせてみたのです。 OOUI は「オブジェクト指向ユーザーインターフェース」のことですから、OOUI について考える上ではオブジェクト指向とは何かということについて考える必要があります。するとさらにオブジェクトとは何かというところまで遡って、このコンセプトの本質を見ていく必要があるのです。 そこで、O（object）、O（oriented）、OO（object-oriented）、U（user）、I（interface）、UI（user interface）、OOUI（object-oriented user interface）という風に言葉を分解して、それぞれの意味を確認しながら、OOUI の目当てを探っていきます。 オブジェク
ソシオメディア | OOUI トレーニング
Sociomedia はこれまで様々なシステム開発プロジェクトを通じて OOUI（オブジェクト指向ユーザーインターフェース）の設計メソッドを研究してきました。そのメソッドを御社のエンジニアリング／デザインチームが習得し開発プロジェクトの中で実践していけるよう、Sociomedia のデザインコンサルタントが講師となって、ワークアウト方式（手を動かしながら練習課題に取り組む）のトレーニングを行います。 Sociomedia の OOUI 設計トレーニングは、書籍やブログで話題になった Sociomedia 独自のデザインメソッドをより詳しく体系化し、UI設計の経験があまりないデザイナーやプログラマーの方でも段階的にその技術を体得していけるよう、難易度レベル別に用意された課題にワークアウト方式でチャレンジしていくものです。基本的にインハウスのエンジニア／デザイナー向けの内容となっています。So
UIのデザインでよく見かける、目の錯覚による違和感を取り除くデザインテクニックのまとめ
WebページやスマホアプリのUIをデザインした時に、数値上は均整がとれているのに、人の目の錯覚で違和感を感じることがあります。ちゃんと揃えて配置したのに、同じサイズなのに、同じ色なのに、なんだか違和感があることはありませんか？ この目の錯覚による違和感を取り除くUIデザインのテクニックを紹介します。 Visually distorted - when symmetrical UI looks all wrong by Gil Bouhnick 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ボタンと同じ色だとテキストは明るく見える 02. 同じフォントでも小さいサイズだと細く見える 03. 背景画像の上のテキストは読みにくい 04. 行間が間違っているテキスト 形の扱い方 05. 整列されたのに揃っているように見えない
CXOになりたければ、まずは手を動かせ—— 『デザイナーとして経営に関わる』#cxonight｜デザインビジネスマガジン"designing"
2018年2月9日、渋谷にあるTECH PLAYオフィスにて、『スタートアップにCXOが必要な理由 - CXO Night#2 by TECH PLAYデザイナー部』が開催された。 CXO Night（旧・CDO Night）は、昨年10月の開催に続き、今回で2回目。「スタートアップで奮闘するデザイナーを集めて、マネジメントの課題や実用的なノウハウを共有するコミュニティ」を目指したイベントだ。 今回は第一線で活躍している若手、シニアがパネルディスカッション形式で登壇。スタートアップにおけるデザイン役員の重要性、マネジメント、事業作りにおけるデザイナーが果たすべき役割について語っていく。 イベントは全3セッション。2つ目のセッションのテーマは、『デザイナーとして経営に関わる』。 デザイン＆ライフ代表取締役・池田拓司氏、Onedot CCO坪田朋氏を迎えセッションが行われた。本記事ではセッショ
index.html
Webページが見つかりません 可能性のある原因 ・アドレスに入力の間違いがある可能性がある。 ・リンクをクリックした場合には、リンクが古い場合があります。 アドレスを再入力するか、前のページに戻る、 またはメインのサイトに移動して必要な情報を探してください。
デザインカルチャーから考えるデザインシステム｜TSUYOSHI KANEKO / GOGEN株式会社CXO
登壇資料のシェア [組織の中でデザイン品質を高める取り組み]【勉強会テーマ】 デザインや開発について明確なルールや共通認識がなく、組織の中で様々な人と一緒にサービスを開発しているとデザインの一貫性や品質を保つことが難しくなってきますよね。 今回は「株式会社リブセンス」「株式会社マネーフォワード」「弁護士ドットコム株式会社」「レバレジーズ株式会社」にて、インハウスデザイナーとして活躍される方々をお呼びして、その課題に対するアプローチをお話していただきます。
デザイン組織のUX
InHouseDesigners #1 組織の中でデザイン品質を高める取り組み で発表させていただきました。 https://in-house-designers.connpass.com/event/78653/
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。
バナーデザイン専門ギャラリーサイト | レトロバナー | 「レトロバナー」はバナーデザイン専門のギャラリーサイトです。サイズ・色・業種・テイストからバナーを絞り込む事ができ、バナーを一覧でチェックできます。バナーデザインの新たなアイデア・発想の源として要チェック！
運用力があるから結果につながる！リスティング広告やSNS広告の配信事例300連発OUARTETのバナーデザイン
決済率30%増！500万人が利用するチケットキャンプを前進させたチームの力 | MEMOPATCH
500万人が利用する国内最大級のチケット売買サイトである チケットキャンプ のAndroidアプリ・iOSアプリがフルリニューアルしました。アプリならではの、安心してスムーズなチケット売買を実現するためにグッドパッチがデザインをサポート。 今回は、チケットキャンプを運営する株式会社フンザ代表取締役の笹森さん、Androidデベロッパーの関山さん、木下さんをお招きし、プロダクトに携わったグッドパッチのプロジェクトマネージャー兼デザイナーのカワマタ、Androidデベロッパーの荒武、デザイナーの野上にお話を伺いました。 最初から、グッドパッチ一択だった — 早速ですが、グッドパッチをパートナーに選ばれた理由を教えてください。 —笹森さん プロジェクトのキックオフがちょうど、7月。もう丸1年経つんですね。 チケットキャンプはその頃からテレビCMも放送していたのですが、当時はまだGoogle
アイデアがガンガン降り注ぐ、Webデザインの参考になるギャラリー集
作成：2016/08/16 Webデザイン > ありきたりのWebデザインギャラリーではなく、グリッド線が入っているもの、料金表専門、インフォグラフィックスやグリッド・404・サイドバーなど、少し掘り下げたようなWebデザインギャラリーをまとめました。暇な時に見ているとインスピレーションが湧くはずです。パーツごとに分類。 エンジニア速報は Twitter の@commteで配信しています。 料金ページ 今月話題となった料金ページのみをまとめてあるTumblr製のプライスページギャラリー集。ブログなどに埋め込み可能。 Pricing Pages グリッド参考 スクリーンショットにグリッドを入れてある、グラフィック(紙)やWebのデザインルールがひと目で分かるWebデザインギャラリー集。手間がかかってます。 Grids 404ページ 404ページのみ集めてあります。背景にどんな写真を使ってある
2016年のロゴデザインのトレンド -2016 Logo Trend Report
「Ombré（オンブレ）」とはここ数年、海外セレブたちが火付け役となって人気になったオンブレヘアーの美しいグラデーションで、特定の2色間をグラデーションでつなぐデザインです。ロゴデザインではこのグラデーションをベクターベースの面白い形状で色分けして利用しています。 Circles 完璧と無限を表現する美しいサークルは、非常に人気が高いデザイン要素です。最近のトレンドは、サークルの上にサークルを重ねたり、繰り返して使用しています。こういった幾何学的な形はシンプルであればあるほど良く、要素に区別をつける時にはフラットにしたり透明にしたり、グラデーションにしても効果的です。 Half and Half
Beautiful Watercolor Effect Tutorial and Photoshop Brushes
2014年3月6日 Photoshop, Webデザイン 水彩画っていいですよね。なんだかほんわかした雰囲気が大好きです。ということで今回はPhotoshop CS5を使って画像を水彩画風に加工する方法と、便利なPhotoshopブラシ、水彩画風デザインのWebサイトを紹介します。デザインの参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ 写真を水彩画風に加工する方法 また動画撮ってみました。ただでさえ時間かかってないのに、４倍速にしたら30秒くらいになっちゃいました。簡単なのでぜひ試してみてくださいね！ 1. ぼかし 画像を開いて、そのレイヤーを複製します（コマンド＋J）。 複製したレイヤーを「blur」にレイヤー名を変更します。 フィルター > ぼかし > ぼかし（詳細）で、「半径」を10、「しきい値」を25〜30に設定します。 2. エッジの光彩 元の画像レイヤーを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
本当に実践的なデザインドキュメントの書き方 第1回：なぜ渡されたワイヤーフレームは分かりにくいのか？ | アドビUX道場 #UXDojo - Adobe Blog
デザインシステム最適化への取り組み
Justice Electro
greatappstimeline.xyz
スマホサービスにおける、UIデザインのノウハウと実例
