こんにちは！UIデザイナーのsugasoとharuです。UIデザインの面白さ（沼とも言う）にハマってしまった私たちは、定期的に「イカしたUIを見る会」（以下、イカ会）という課外活動を行っています。 イカ会では、最近触ったアプリや発見した魅力的なUIを共有し、普通なら見逃してしまうであろうデザインのこだわりや、ハートを揺さぶられるポイントについて語り合ったりしています。 知れば知るほど面白くなっていくUIの世界を皆さんにもチラ見せしたい……ということで、イカ会の様子を連載することにしました。第1弾となる今回は、「こんなの見たことない！」と私たちが感動したアプリをご紹介します。 関連記事：UIデザインとは？ 大切な5つのポイントや取り組み事例を紹介 Clear Lists 最初にご紹介するのは、ご存知の方も多いタスク管理アプリ「Clear Lists」。 Clear Listsの特徴はナビゲー

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 人は見た目が9割 皆さん一度はこの言葉を耳にしたことがあるのでしょう。内面がどれほど素晴らしくても、外見がそれに見合わないと、なかなか本当の価値を認めてもらえないものです。 この話は人間だけでなく、アプリケーションにも当てはまります。どれだけ内容が素晴らしくても、見た目がイマイチだったり使い勝手が悪かったりすると、ユーザーに敬遠されてしまいます。(私は以前ネ⚪︎フリからア⚪︎プラに切り替えたのですが、使いにくく感じたため、すぐに元のサービスに戻しました) エンジニアの皆さん、優れた技術力を持ちながら、デザインが原因でユーザー離

もりたま/ayammin @ayammin ところで時計って、男物のデザインをそのまま女性の腕につけられるサイズにしてくれたら絶対買うのにと思うモデル、女性向けになった途端にピンクになったりラインストーン埋め込まれたりしててゲンナリする…。

Photoshopであらゆる被写体、画像全体を数クリックで金ピカのゴールドにする無料アクションを紹介します。 数クリックとしたのは被写体の選択操作で、金ピカにするのはわずか1クリック。 簡単に、目映いばかりの黄金エフェクトを楽しめます。 Free Photoshop Action to Turn Anything into Gold in Photoshop ダウンロードボタンをクリックすると、オーバーレイが表示され、それを閉じて、再度ダウンロードボタンをクリックすると、ダウンロードできます。 インストール方法は、Photoshopのアクションパネルで「アクションを読み込み」から、ダウンロードした「Spoon Graphics Gold Effect.atn」を指定するだけです。

割とローソンの新デザ容認派だったんだけど、さすがに「点線まで剥がして」の"点線"が全然見つからなくて、ようやく見つけたとき「は？なんやこれ正気か？」てなったわ😂 https://t.co/ZlHuUhB23i

「誰のためのデザイン？増補・改訂版」を読んだのでその内容についてまとめてみた。 読んだきっかけ自分のスペックは以下の通り。 - 美大卒 - 社会人2年目の新米デザイナー - 主に広告などグラフィック中心の仕事 - IllustratorとPhotoshopを使って広告を作っている 今後 UI のデザインの方向へ仕事の幅を広げていくために、オススメされた書籍を読んでいこうと思っている。まずはこの分野に踏み入れるなら基本とも言える「誰のためのデザイン？」から。 第1章　毎日使う道具の精神病理学人はどのようにして物事を「認知」しているのか。認知するために必要な人間の心理学概念が紹介されている。 アフォーダンス モノの属性とそれをどのように使うことができるかを決定する主体の能力との間の関係のこと。どんな行動を取るべきかを何かの表示や説明なしで思い描く助けになる。 シグニファイア それが何のためのも

今回はモバイルアプリのUIデザインをするときに参考になる素晴らしいスライドを紹介します。 モバイルアプリはWebデザインとはまた異なった視点が必要になってきます。モバイルアプリ特有のデザインフローや、プロトタイピング手法について学びたい方におすすめです！ アプリUI勉強会 in ネットイヤーグループ

大きなトラブルとなった五輪のロゴ類似問題。素人目にはそっくりになロゴに対し、審査員をはじめ多くのデザイナー達が「まったく違う」と反論していたのが印象的でした。しかし、不透明かつ説明不足の審査委員会もあいまって、残念ながらこれらの発言は身内を守るものと解釈されてしまいました。また画像の盗用問題により、本来なら行われるべきだった、冷静な議論などは完全に失われてしまいました。 なぜデザイナーと世間において、これほど大きな認識の違いが生まれたのでしょうか？本稿では、デザイナーと世間の間にある「類似性のギャップ」に関しできる限りわかりやすく説明します。最大公約数的な意見としては、このような感じではないかと思います。 全体の構成としては、まず類似性は鑑賞者の文化背景に依存することを説明します。その上で、前提知識として、デザインの本質や、文字を用いたデザインの類似性についての基礎知識を解説します。その後

この投稿はAndroid Adevent Calendar 2014 の7日目の記事です。 Androidアプリがどのような構成でできているか、ご存知ですか。 基本的にはエンジニアリングが必要なのですが、UIのレイアウト部分はアルゴリズムの部分からすこし切り離されています。 そしてそのレイアウト部分はXMLという、HTMLやCSSがわかる方なら少しの学習でも扱うことができる言語で書かれています。 XMLの学習を始めた頃、デザイナー向けにXMLの基礎について書かれた資料が見つけられなくて困ったので、自分用のメモも兼ねて基本的な使い方についてまとめます。 ※デザイナー視点で書いているので、エンジニアにとっては物足りないものになっているかと思います。 Androidアプリの構造 Androidアプリはたくさんのディレクトリ(フォルダ)とファイルから構成されています。ですがデザインを編集していく場

Designers, welcome home. Sketch is a toolkit made by designers, for designers, that puts the focus on you and your work. Get started for free Requires macOS Ventura (13.0.0) or newer. I owe a tremendous debt of gratitude to Sketch. It is easy and wonderful and graceful enough that I can use it easily in my workflow with Ben. Legitimately a really wonderful utility.

いろいろな意味で盛り上がっている五輪ロゴ問題。そんな中、Twitterで「#究極にダサいロゴ作るからお前らも作れ」というハッシュタグが盛り上がりを見せています。 他にもハッシュタグで画像検索するととんでもない作品が多数…… ダ……ダサっ！　いや、ダサいとかダサくない以前に、もはやロゴですらない作品も多数。おまえら真面目に作れ！　いや、でもハッシュタグの趣旨には合ってるからこれでいいのか……。とりあえず「ワードアート」と「虹色グラデーション」を使っておけば鉄板、ということは分かった気がします。 流れを追ってみたところ、最初に言い出したのはTwitterユーザーの4.5P（@yontengoP）さん。もともとは「ダサく作れば絶対にパクリだと疑われないのでは」という話から「だったら極限までダサくしたロゴを作ろう」と1人で挑戦を開始。しかしいざ初めてみると意外に難しく、「お前らもやってみろ！」と作

ページコントロール（ドット）、ページトップの「送信」、プラス（＋）アイコン、並べ替えアイコンの4つは、テストでユーザビリティ上の問題を引き起こすことの多いiOSデザインパターンである。 4 iOS Rules to Break by Aurora Bedford, Raluca Budiu, Kara Pernice, and Amy Schade on July 9, 2015 日本語版2015年8月31日公開 巨大ソフトウェア会社（たとえば、AppleやMicrosoft、Google）はユーザーとデザイナー双方のためにデザインガイドラインを作成している。 おかげで、デザイナーや開発者側は、恵まれた条件のもとで、きちんとしたものになることが期待できるインタフェースの作成を始められるようになり、まったく新しいUI要素を考案する（そしてテストする）必要がない。 一方、ユーザー側も、すべての

東京オリンピックのエンブレムの問題はもう、実におもしろくてもともとオリンピックなんかやるなと思っていた身からすれば、これだけ楽しませてくれるんなら少しは大目にみようかと思ってしまうほど。 で、ぼくはどうでもいいオリンピックのエンブレムなんかどうでもいいんだけれど、そのぐだぐだぶりは大変おもしろく見ている。で、今日になってエンブレムの「原案」と称するものが出てきた。この左端。 ？？？？？ なにこれ？？ というのも、最初にあのベルギーの劇場ロゴとそっくりだという指摘があったときに「いや全然ちがいます、コンセプトがちがいます」という主張が行われ、その際に出てきたときの「コンセプト」というのはこんな説明になっていた。 www.advertimes.com そのコンセプトというのは、正方形9分割に日の丸の丸を重ねて作ったものだ、ということだった。こんな図が出てきている。 分割した正方形と円を重ねて、

昨今アプリ開発を行う上でのUIアニメーションやデザインの重要性が非常に高まってきました。一方でアプリの質を保ちながら開発スピードを上げるためには、様々な工夫が必要です。 今回はDeNAの開発者である吉田正史さんに、開発事例をもとにどう現場の課題を解決し、効率を上げていったのかなどについて寄稿していただきました。 by 馬場美由紀 （CodeIQ中の人） 話に出てくるアプリの紹介 DeNA吉田です。 今回ご紹介するのは、実際に下記のアプリを開発する現場で直面した課題です。 RabbitCam RabbitCam Rabbit cam（ラビットカム）はアニメーションするスタンプやBGMを選び、合成して動画を作成するアプリです。 非常にかわいいスタンプをより、可愛くする細かい動きや、おしゃれに仕上げるための動画に対してのフィルタの色味など細かい調整を重ねました。 QuizNow QuizNow

ここ数年で”デザイン思考”や”デザイン的プロセス”といった言葉を度々聞くようになったように思える。 しかしながら、実際にデザイン思考をビジネスに取り入れ、上手く活用出来ている企業はまだまだ少ないのではないだろうか。 そもそもデザイン思考とはWikipediaの定義によると、 “デザイン思考とは不明確な問題を調査し、情報を取得し、知識を分析し、設計や計画の分野でソリューションを選定するための方法およびプロセスを指す。” と書かれていることもあれば、 “デザイン思考（Design Thinking）とは、人間中心デザインに基いたイノベーションを起こすための、主として非デザイナーを対象とした発想法である。” と書かれていることもあるなど、書いている本人もよく分かっていない可能性が高い、極めて抽象的な概念である。そこで、デザイナーによって創業されたAirbnbでどのようにデザインがビジネスに影響を

The best of CES 2025Presenting our 12 finalists, plus the winner of our best in show award.

.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads