知れば知るほど面白くなるUIの世界を皆さんにもチラ見せしたい……ということで、連載の第2弾となる今回は「これは発明だ！」と私たちが感動したUIパーツについてご紹介します。 ミクロな視点でアプリを観察し、UIパーツ一つひとつに注目してみると、普段は気付けない面白い発見がたくさんありますよ。 ※各UIパーツの名称は、公式で発表されているものではなく、私たちが便宜的につけた呼称になります。 関連記事：UIデザインとは？ 大切な5つのポイントや取り組み事例を紹介 Apple Booksのセミモーダル Appleが提供する電子書籍アプリ「Apple Books」では、カルーセル状に並んだ本を押すと、そのままセミモーダルが立ち上がります。前の画面の一覧性を保ちながら、それぞれの本の詳細を見ることができるのが特徴的ですね。さらに下スクロールすることで、全モーダルへと滑らかに変化します。 このUIのポイン
ChatGPTの新しい画像生成AIのDALL-E 3は、かなり自由に画像をコントロールすることができます。 １．リアル画像のコントロール＞20代の日本人女性の写真を作成してください。 生成された画像＞３番目の女性の眼鏡をはずして、喜怒哀楽の表情を見せてください。 生成された画像※１枚目の画像以外は眼鏡をはずしてくれませんでした。また、喜、怒、哀の表情は描いてくれましたが、楽の画像は生成できませんでした。 ＞この女の子を、１．走らせてください。２．座らせてください。３．ジャンプさせてください。４．逆立ちさせてください。 生成された画像※３枚目までは上半身だけの画像なので、ジャンプしているかどうかはよく分かりません。４枚目はちゃんと逆立ちしています。 ＞縦長画像にして、全身を見せてください。 生成された画像４枚目の画像※これで、３枚目の画像がちゃんとジャンプしていることが分かります。４枚目は、
熱中症対策の「塩タブレット」と間違えて、よく似た「圧縮タオル」を口に入れてしまったというX（Twitter）ユーザーの投稿が注目を集めています。ねとらぼ編集部は投稿者に話を聞きました。 塩タブレットと間違えて圧縮タオルを口にしてしまった人の投稿に注目が集まる（画像提供：かっぽんさん） 取材によると、Xユーザーのかっぽん（@ykatsuta6795）さんはお盆休み中、友人の家へ遊びに行っていました。その帰り際に友人から、「暑い中来てくれたお礼」として、玄関にあったケースに入った塩タブレットを「数個持って行け」と言われたといいます。かっぽんさんはケースの中のタブレットを鷲掴みし、5個ほどジーンズのポケットに入れて、家へ持ち帰りました。 家で塩タブレットを食べようと、袋を開封してそのまま口の中へ入れた瞬間、異変が起こります。「唾液が吸われタブレットが段々大きくなったので変だと思い、口から取り出し
アクセシビリティとはアクセシビリティは、サービスや情報をどんな利用者も円滑に利用できるかの度合いです。 アクセシビリティが高いほど、より多くのユーザーが円滑に利用でき、アクセシビリティが低いほど、より多くのユーザーが利用できないということです。 アクセシビリティ向上は、障害当事者だけでなく、さまざまな環境や状況にいる人、高齢者、日本語以外を得意な言語とする人など、すべての人のためのものです。人だけでなく、サービスや情報にアクセスする機械(ロボット)もアクセシビリティの影響を受けます。 SmartHRの開発方針SmartHRは「well-working 労働にまつわる社会課題をなくし、誰もがその人らしく働ける社会を作る。」というミッションを掲げ、働くすべての人を後押しするプラットフォームをつくっています。 誰もがその人らしく働ける社会を実現するため、SmartHRはアクセシビリティの向上に取
昔のコンピューターは専門家だけが使うものだった、という話をしたら、「そのわりにデザインがポップで今よりかわいいのはなぜですか？」と質問されて、答えられなかった。たしかに...。 https://t.co/w4UQGVMBXV
iPhoneやマッキントッシュなど、革命的な製品を次々と生み出したスティーブ・ジョブズの「美の原点」に、彼が10代の頃に親友の家で目にした日本の美術品「新版画」があったことは、去年7月のWEB特集で紹介した。 その後、ジョブズの日本での足跡をさらに取材すると、彼が焼き物に大変な興味を持ち、ギャラリーや窯元をよく訪れていたことが分かった。 ジョブズは、焼き物から何を感じ取っていたのか、どんな影響を受けていたのか。 （国際放送局WorldNews部 佐伯健太郎） 定休日の画廊のブラインドの隙間から、内部をうかがう4つの目…。 1996年4月10日、水曜日の昼下がり。 京都の昔ながらの静かなたたずまいが残る東山区の骨とう街。 たまたま2階の住まいから降りてきた店の人が外国人の男女に気付き、中に招き入れた。 すると、男性は入ってくるなり「コレとコレとアレ」と、いきなり3点の焼き物を指さした。 この
たまには軽い話題をば。 自分の中で信頼できるエンジニアかどうか？を見極めるひとつの指標で「込み入った議論の時に図を書くかどうか」というのがあります。 今までの経験上、図を書く派のエンジニアは割と良い感じの人が多かったので採用している指標なのですが、何故これが機能しているかというのを改めて考えてみた。 他者の認知負荷を理解している コンテクストを合わせることにコストをかけられる意識がある 自分の思考の整理するツールとして図を扱えている ザッと挙げましたが、この３つが機能している要因なのかなという気がしています. 他者の認知負荷を理解している あれやこれやエンジニア間で技術議論している中で、「Aさんはこの領域に詳しいけどBさんはこの領域にはほどほど詳しいくらいだな」という個々のレベル差に応じて認知の負荷がかかります。ただでさえ議論していると結構なスピードで話が展開されていくので、認知負荷が更に
【キャンペーンのご案内 9/2更新】 日頃よりAIGNERをご愛顧いただき誠にありがとうございます。 2024年9月2日(月)～9月16日(月・祝)の期間、AIGNER JAPANオンラインストアにて税込88,000円以上ご購入のお客様先着10名様にオリジナルノベルティをプレゼント致します。 【オンラインオーダー 商品出荷の一部遅延について 8/7更新】 日頃よりAIGNERをご愛顧いただき誠にありがとうございます。 只今多くのご注文をいただいており、オンラインオーダーの出荷に一部遅延が発生しております。 商品によっては、ご注文確定から出荷まで最大10日程度いただく場合がございますので、予めご了承いただきたくお願い申し上げます。
ビジュアルクリエイティブディレクターのMuRo氏が発表した「Shoost」はユニークなツールだ。「いい感じの雰囲気の絵を簡単に作りたい！ キャラクターをきれいに魅せたい！」という思いから生まれた本ツールは、3つのレイヤーを重ね合わせ、その上から撮影効果を付与することで、画面・映像を作るという今までにない立ち位置のツールと言える。しかしながら、独特なツールゆえに、どのようなものかイメージがわかない人も多いかもしれない。 本記事では、「Shoost」を実際に動かし、簡単な作品を作りながら、機能や優れている点を紹介していく。 人物画像＋背景画像 まず、公式にも紹介されている、人物画像と背景画像を組み合わせた使い方を試す。 「Layer 2」 に人物画像を配置 まずは、主役となる人物画像から配置する。「Layer 2」を「Import Item」に設定し、画像アイコンをクリック。今回は「いらすとや
Appleの初代「iPhone」は、当時のマルチタッチ機器としては革新的な操作感を備えており、世界を驚かせました。 しかし、iPhoneのデザインで最も議論を呼んだ要素も数多くあります。その1つが、「戻る」ボタンが存在しないことです。 関連：スティーブ・ジョブズが残した「iPad最大の欠点」をGoogleが解決してしまう なぜiPhoneには「戻る」ボタンが搭載されなかったのか？ 「戻る」ボタンは、今でも大半のAndroid端末に標準装備されているものです。これは「いつでも前の画面に戻るボタンがあれば、ユーザーは簡単にデバイスを操作できる」という考え方から搭載されています。 しかし、Appleは「戻る」ボタンのない操作体系を作り出しました。その決断の背景には、初代iPhoneが開発中だった2007年にさかのぼるストーリーがあります。 実は、当時のCEOであるスティーブ・ジョブズは、「戻る」
エッシャーが作ってんのかこの家具 https://t.co/3GO4C1I0qR
Webサイトの新規立ち上げ・リニューアルは、そのほとんどがコンバージョン数の増加や企業/サービスイメージの向上などを目的に実施される。今回は、アンケート調査によってWebサイト制作で成果を出している“発注者”の共通点を探った。
「フォントの関係性はそんなのだったの！？」リアルに9割の人が気づいていない「游ゴシック」の話 https://togetter.com/li/1662198 のブクマ https://b.hatena.ne.jp/entry/s/togetter.com/li/1662198 わかりづらいとかキョトーンな人が散見されたので、蛇足とは思うけど解説をこころみる。 正直なところ説明として元ツイがいちばんシンプルだと私は思うので、この解説は元ツイが言ってることを別の言い回しで回りくどく言い換えるだけになる。つまり逆にわかりにくいかもしれない。 なお私は発端のツイートのひとではない。善意のいちハテナーである。 さらに言えば私は組版の専門家でもない。仕事で多少フォントを扱う機会がある程度の素人＋毛である。 太字には２種類あるまず、コンピューターの画面に映し出される「太字」には２種類ある。 ひとつは、最
こんにちは！QUOITWORKS Incでディレクションとデザインを担当しておりますワタナベです(@ws0606)。今回はデザイナー向けに押さえておきたい「写真の構図」について記事を書きました。 デザインをする上で欠かせない素材の一つが「写真」。カメラマンと撮影に同行して写真の指示や良し悪しの判断を求められたり、フォトストックから選定をして加工、トリミングをしたりとデザイナーが写真と関わる場面は多くあります。 そういった場合に写真の知識があれば、カメラマンと円滑にコミュニケーションが取れ、自分で加工する際もより魅力的に見せることが出来ます。 またデザインの画面上での見え方（特にファーストビューなど）もこの構図の考え方を取り入れることにより安定したスタイリングができるなどメリットや、それをお客さんに説明するときも協力な根拠になります。 そこで今回は現場にも役立つ代表的な写真の構図やアングルに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
