みなさん、こんにちは！ UIデザイナーののがちゃん(@aekiikea)です。本館が増床し、キッチンができました！是非遊びにきてくださいね((^o^)) では今年一発目のメモパッチまとめです。どれもおすすめのサービスなので要チェックです！ 過去のまとめはこちらからどうぞ！ Kemail http://kemailapp.com/#/en Kemailはメールアドレスや住所を素早く貼り付けるためのカスタムキーボードです。アプリから複数の文字列を保存できます。名前や電話番号、ホームページのURLなどよく使うものを登録しておくと入力が便利になります。Goodpatchが日本語のローカライゼーションをお手伝いしました。 Peach http://peach.cool/ Peachは海外で人気上昇中のSNSアプリです。ホームのタイムラインでは友達の更新情報のみ表示され、メインは各個人のタイムラインと

英文の速読術には、スキミング・スキャニングと呼ばれる技法がある。 スキミングとは「ざっと一覧して、全体を把握する」こと。各章のタイトルや、パラグラフの一文目、最終のまとめなど、要所要所だけをかいつまんでいく読み方だ。 一方、スキャニングは「特定の部分を熟読する」こと。こちらは一転して、一単語ずつ精査していく読み方である。 まず最初に全体をざっと見て（スキミング）、自分に必要な内容があるかをチェックする。その後に、必要な部分だけを選別してじっと見て（スキャニング）いく。英文速読では、この２つの読み方をペアにして扱う。つまり速読術とは全文を素早く読むことではない。細部を無視して、要点だけを拾い上げていく技法なのである。 この英文速読術の技法、スキミングとスキャニングは、画面の情報設計の大きなヒントとなる。情報を効率良く読むテクニックが確立されているのなら、それをロジック化すればよい。ロジックを

開発した空間UI技術は、人々をPCやスマート端末のような狭い画面から解放し、壁や机など多人数で共有できる広い空間で仮想的なウィンドウシステムとして機能し、簡単な操作で情報の表示や共有が可能になります。 例えば、ワークショップに参加した人のスマート端末と会場にある表示機器が連携しスマート端末の画面を壁や机に大きく映すことができます。 ウィンドウシステム上の操作は逐次スマート端末に伝えられ、スマート端末間のファイル交換が直観的な操作で簡単に実現できます。 この技術を用いれば持ち込んだ資料を空間に大きく展開して共有し、ブレインストーミングなどでのアイデア創出の際に簡単に情報が整理でき、結果や途中経過を保存し活用することも可能です。

これは 【その1】ドリコム Advent Calendar 2015 - Adventar 10日目の記事です。 9日目は hang-changさんの 今さら聞けない、はじめてのOGP設定 - Funny panic! です。 【その2】ドリコム Advent Calendar 2015 - Adventar その2もあります。 自己紹介 あだ名はトミーです UIデザイナーです cocos2d-x開発でのゲームのUIデザイン業務を行っています unity-chanが好きです cocos-chanも誰か描いて欲しいです。 概要 ゲーム開発においてプロト段階での試行錯誤はどうしても必要です。 すべての機能の要件が出揃ってから開発が進むことはそうそうありません。 とはいえ、待ちの姿勢だと物事が進まないので、 デザイナーとしては、なるべく先手を打って動いていきたいところです。 また、Photosh

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

ユーザーの新しい体験のためのインスピレーションがぎっしり詰まったサイトのご紹介。 実際に仕様する技術やなんやというのはないのですが、「こういう動きが体験できるといいな」というアイデアの種となるでしょう。 少し前にCSSのボタンだけをひたすら紹介するサイトをご紹介しましたが、そのユーザーインターフェイスバージョンと思っていただければと思います。 ユーザーインターフェイスのアイデア 実際にユーザーインターフェイスのアイデアと言っても様々あるのですが、特に多いのはやはりモバイルインターフェイスでしょうか。以下のような画像がずらずらと閲覧出来ます。 心地よさと軽量の両立はなかなかバランス感覚が必要な作業ですが、気持ちい操作ってやっぱりいいですよね。 ひたすらUIを紹介し続けるサイト「UI Movement」 UI Movement - The best UI design inspiration,

実用的なテクニックから、こんなこともできるんだ！とワクワクするすごいアイデアまで、Web制作者はチェックしておきたいUIを実装するテクニックをCodePenから紹介します。 JavaScriptは最小限にして、アニメーションなどCSSでできることは全てCSSで、というのが実装の傾向ですね。

Learn#Photoshop#UI Design Create an iOS-Inspired Flat Countdown Timer in Adobe Photoshop Flat design is dominating the web, and I’m sure you all know that recently Apple created a new look for their OS. I love the minimal appearance of the user interface, and I know Apple fans are eagerly waiting to test the new iOS operating system this fall. So, while we’re waiting, I’m going to show you how to

壁紙・写真8953 webデザイン3925 デザイン3291 絵画・イラスト・アート2193 動物1745 3D1724 UI1291 photoshop1083 フリー1004 風景834 自然821 かわいい689 wordpress679 素材652 テーマ632 チュートリアル626 フォント617 幻想的548 動画530 お洒落524 建築物501 犬430 テンプレ400 イラスト397 psd396 猫384 ロゴ331 jquery297 ブラシ296 プレミアム285 プラグイン274 テクスチャ260 CSS249 ミリタリー221 タイポグラフィ217 名刺213 gif212 都市風景210 インテリア206 宇宙203 エフェクト200 SF188 ポスター186 ファンタジー186

「やさしさゴシック」を使いたかっただけなんです！ "ロールオーバーのいろいろなやり方 - しるろぐ" http://ofsilvers.hatenablog.com/entry/rollover-codingRead less

公開日 : 2014年9月11日 カテゴリー : ユーザビリティ iPhone 6 や Apple Watch といった新製品の発表に合わせて、Apple のサイトもリニューアルされました。ナビゲーションメニューやメインコンテンツ内の見出しを含め、文字組みが基本的にすべて (画像文字ではなく) HTML テキスト化されたり、最近の新製品情報ページで多く採用されていた「スクロールハイジャック (scroll hijack : ブラウザ標準のスクロールバーを意図的に非表示にするデザイン手法)」が軒並み排除されたり...といった改良が見られますが、もっとも衝撃的と言えるのが、Apple サイトのモバイル対応ではないでしょうか。 アクセスしてくるデバイスの種類を判別しているのだと思いますが、手元の iPhone 5 や Nexus 7 で Apple のサイトを開くと、下図のようにモバイルサイトの

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

先日の土曜日に、はてな主催で行われたイベントで現在のチームで行っているフローを紹介しながらデザイナーがXMLを書くと良いことについて発表してきました。 ちなみにXMLというのはAndroidのレイアウトを制御するための言語です。 なぜデザイナーがコーディングまでやるといいと思っているのか、感じていることを少し書きます。 カンプは実装と違う カンプと実際に動くものとは全然違います。例えばタイトルと本文が動的に入るようなアプリを制作しているとします。とすると、自分が想定しないくらい長いタイトルをつける人がいれば、めちゃくちゃ短い本文を連続して書く人もいるかもしれません。どんな文章が入ってもいい感じに見せたいのですが、PhotoshopやIllustrator上だと想像がしずらいです。 また、カンプでボタンのon/offのパターンを作った場合も同様です。実際使ってみると色の変化が大げさだなとか、

マテリアル・デザインで覗く、Androidの美しい未来2014.08.29 14:00 scheme_a ヴァージョンアップが俄然楽しみになってきた！ Androidの新ヴァージョン（レモンメレンゲパイ？）の開発と共に、グーグル全体に新しいデザインが生まれようとしています。現在はまだベータですが、デザイナの皆さんは早速グーグルの新しいガイドラインで色々と試しているようです。 以下のGIFは公式なアプリのデザインではありませんが、優秀なデザイナさん達による、マテリアル・デザインを使ったポピュラーなアプリの予想です。実物がこれらに半分でも近いなら、実に美しいアプリが待っているのではないでしょうか？

現代社会において山積する課題を、私たちは世界とともに解決していく時代に突入しています。 その解決には、既成概念にとらわれない新しい先進的発想力と、 その発想を技術に展開する工学の知識が必要です。 工学院大学は建学以来、社会の発展に貢献する多くの技術者を送り出してまいりました。 工学を知り尽くした私たちだからこそ、魅力ある先進工学部をめざせる。 これから先も、バランスある教育の実践によって、国際社会のさらなる発展に貢献できる人材を育成します。 本学部では、先進的な発想力とそれを技術として実現する工学を身につけます。これによってかつてない近未来の科学技術を創発し、さらにそれを社会に普及させることで、国際社会のさらなる発展に貢献できる人材を育成します。 1年次は学部共通のプログラムで基幹的な自然科学の基礎を固め、2年次からは各学科の専門科目に軸足を置きながら、多様な専門分野を横断的に修得。さらに

今回は、プレゼン資料の作成において重要な「配色」について取り上げました。 以前の記事「心理学から読み解く！資料作成で知っておくべき”色”の使い分け」（https://sket.asia/magazine/kotsu/color/）でも記載した通り、資料において色が与える効果というのは非常に大きいものがあります。 一方で、多くの人が資料作成の際に配色について悩んでいるのも事実。 「コーポレートカラーに合う色ってどんな色だろう？」 「今回の提案に沿ったカラーパターンを試したい」 そんな疑問を解決する優れたサイトをご紹介します！上手く活用し、資料のビジュアルを向上させてみてください！

オンボーディングのUXデザインの参考になる海外Webサイト 「オンボーディング」とは、初めてサービスや製品を使うユーザーがヘルプや説明書を読まなくても使っていくうちに操作方法がわかるように設計する手法のことです。 いかに素晴らしいプロダクトであっても、初めて使用するユーザーにストレスを与えてしまい、すぐにアンインストールされてしまっては意味がありません。 オンボーディングのUXデザインで参考にしたいのが、以下の2つのWebサイトです。 アプリデザインまとめ①　User Onboarding 「User Onboarding」は海外のアプリや有名Webサービスのオンボーディングについて紹介しているWebサイト。 オンボーディングを画面単位で切り分けて、参考になる点と改善が必要な点をピックアップしています。 サンプルはスライド形式で表示されます。簡単な英語で解説されているので、英語が苦手な人で

7月ももう終わりですね。今年は残暑が続くそうで、まだまだ暑い日が続きそうなのでみなさん体調にお気をつけ下さい！ 先日、Goodpatchがスポンサーとして参加した管理画面チラ見せナイトでは普段見れない各サービス共に想いが詰まった管理画面を見れる貴重な機会になり、大変盛り上がりました。Goodpatchも管理画面のUIデザインをやっているので、近いうちにまた事例を紹介できたらと思っています。 長くなりましたが、今月もGoodpatchで共有された新しいアプリやサービス、デザインをご紹介いたします！ 過去の月間まとめ記事→ 月間まとめ一覧 Wunderlist https://www.wunderlist.com/en Appleが選ぶ「2013 App of the Year」にも選ばれたToDoアプリ。Wunderlist3が本日7月31日公開です！アイコンのデザインも素材感を抑えてスッキ