のえ@12/5~25。DFG年賀状展 @mayonoenoe 多分本当にはやったらいけないものだと思うけどら動いたらと思うだけでこわいから1mくらい距離開けちゃうよね 展示品のツボも不自然に所々作品がなくて こわいよね… だれか、やった?とか想像してさ! #BankARTsilk #心ある機械たちagain twitter.com/mayonoenoe/sta… 2020-01-06 19:29:22
おパンツカブリーノ @panzofuk 木嶋佳苗って、カリスマ性すごいらしいしな。接見したら来た瞬間パッとその場が明るくなるような、みたいなのどこかで見た りりちゃんも接見した記者の男女のハートをいただいちゃったみたいだし こんな俺でも好きになってくれる女がいる、って状況実は危ないと思う x.com/6wqc4hbl1f1971… 2024-04-05 00:04:20 スター⭐️リン @6wQC4HBl1f19712 サイゼテストや大戸屋テストやってる男さん、本人は『これについて来れない女はお断り』とドヤ顔だけど、この手の男の願望に完璧に答えた女性知ってんだよな。 木嶋佳苗っていうんだけど。 2024-04-04 19:09:04
フォームを改善するUIデザインのテクニックを紹介します。 フォームのデザインに少し手を加えるだけで、ユーザーにとって使いやすい、コンバージョンを高めるための実践的なテクニックが満載です。 15 UI Tips for Better Forms by Jim Raptis 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 01. ラベルを常に記述する 02. Zパターンを避ける 03. ラベルを入力欄の上に配置する 04. 右揃えのラベルを使用する 05. 関連する入力欄をグループ化する 06. ユーザーフローを尊重する 07. スペースを与える 08. ラベルの繰り返しを避ける 09. エラーメッセージは分かりやすく 10. 必要に応じてドロップダウンを使用する 11. プレースホルダーを活用する 12. ボタンは1つに
サービスを0→1でつくる上でまず必要になるのが、サービスのコンセプトづくりです。 いままで自社事業や様々な企業との共同プロジェクトを通じてサービスづくりに取り組む中で、サービスのコンセプトづくり、すなわちコンセプトメイキングのプロセスにもある種の型があることに気付きました。 このnoteでは社内ドキュメントである「サービスコンセプトのつくり方」の内容を一部NDAでシェアできない資料を除いて全公開します。 <コンセプトメイキングの大前提>🧐 STEP1:コンセプトとは何かを知ろうコンセプトが何かを知る上で、コンセプトの立ち位置と役割を知ろうコンセプトそれ自体は様々な形があり、非常に漠然としている。 なので、コンセプトがそれ以外の要素とどういった関係にあるのか、どういった役割を果たすのかという観点からコンセプトとは何かを理解しよう。 まずサービスアイデアは下図のような構造を持っている。 ある
HTMLなどのコードをブラウザ上で確認ができ、公開や共有もできるなど、世界中のデベロッパーが愛用するCodepen。 この記事は、2020年に特に人気の高かったHTMLスニペットをランキング形式でまとめた The Most Hearted of 2020 が発表されていたので、その中でも実用性の高いHTMLスニペットを中心にまとめて紹介しています。 CSSのみで表現されているとは思えない、シンプルながら効果的なテクニックが多数ランクインしていた2020年。 HTML/CSSやJSなどのコードの確認や編集を行うことができるので、今後のデザイン制作に活用してみてはいかがでしょう。 2020年にCodepenで話題!コピペ可なHTMLスニペット ベスト100発表 94位 Animated clip-path slider Concept 画面を縦半分に二分割した画像スライダーで、画像にマウスホバ
先日ローンチされたばかり、500種類以上のランディングページのデザインをまとめたLandingsを紹介します。 ランディングページのデザインは、テーマやカラーでフィルタリングができ、アイデアを膨らませるのに役立つと思います。 Landings Landingsは今月の初めにローンチされたばかりのランディングページのまとめサイトです。現在のところ、500種類以上のランディングページのデザインがまとめられており、これからも定期的に追加していくとのことです。 Landings Landingsの利用は簡単で、登録など面倒なことは一切不要。 ページは無限スクロールに対応しているので、そのままスクロールしてもよし、上部でテーマやカラーでフィルタリングすることもできます。 フィルタリングを見てましょう、まずはライトテーマ。 各サムネイルをクリックすると、ページ全体のキャプチャ画像とランディングページの
人から人へ、 最良のものを届ける。それが、 私たちの始まりであり、 すべてです。今でも、 ビューティーディレクターという独自のネットワークに息づいている。美容はもちろん、 あらゆる領域において。私たちは、 すべてのお客さまに寄り添っていく。一人ひとりの可能性をどこまでも拡張するために。We Care More. それが、 私たちの新しい約束。 人、 社会、 地球。 そのすべてを「ケア」していく。世界を変える、 心づかいを届ける。美容と健康のための製品やサービスを今までのやり方にとらわれずに探し続ける。多様性の尊さを守りながら。 地域の個性を愛しながら。サステナブルな方法を選びながら。Science. Art. Love. をもういちど実践しながら。ないものは、 つくる。 その覚悟とともに。 2020年。 これまでの当たり前は、 当たり前ではなくなった。だからこそ、 いちばん大切なものを見つ
APEXのデザインがいかに素晴らしいかを熱弁するシリーズ(全2回)。聞けば聞くほど「そりゃ人気出るわけだわ.......!」としみじみすること必至! 【APEX】UIデザインが凄すぎるよ②--バトル編-- -https://youtu.be/YalEnQ-SKa0 -------------------------- ▼ゲストプロフィール 【有馬トモユキ】 デザイナー、アートディレクター。日本デザインセンター所属。「アニメのデザイン」をすることも多いそうだが、それはロゴやパッケージなどだけでなく、「アニメの中に出てくる色々なモノのデザイン」も含んでいる....?その辺のお仕事例がわかりやすいインタビュー記事を貼っておく↓ ■「コンテンツは心に刺さったら抜けない」。これからのアニメに求められるデザインとは?[有馬トモユキ×三宅陽一郎]--JDN https://www.japandes
インド洋上に都市が建設されつつある。モルディブの首都マレからボートでわずか10分の場所にあるターコイズブルーのラグーン(潟)に浮かぶこの水上都市には2万人が居住可能だ。 脳サンゴの模様に似たデザインのこの都市は、住居、レストラン、店舗、学校など、5000もの水上ユニットで構成されており、ユニットとユニットの間には運河が流れている。6月に最初の数ユニットが発表されたが、2024年はじめに住民が入居を開始する。そして27年までに都市全体が完成予定だ。 不動産開発業者ダッチ・ドックランズとモルディブ政府との合弁事業であるこのプロジェクトは、とっぴな実験でも革新的な構想でもない。この都市は、海面上昇という厳しい現実に対する実用的な解決策として建設されている。 1190もの低地の島々で構成されているモルディブは、世界で最も気候変動に対して脆弱(ぜいじゃく)な国のひとつで、陸地部分の8割が海抜1メート
スクロールに連動するアニメーションはIntersection Observerを使用すると、簡単に実装できます。カードUIがスクロールしてビューポートに表示されると、カード内の要素がアニメーションするUIを実装する方法を紹介します。 ライブラリなどは必要なく、数行のJavaScriptで簡単に実装できます。 Animate on scroll using Intersection Observer by Keerthi 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Step 1: カードUIをHTMLとCSSで実装する Step 2: CSSに基本的なアニメーションを追加する Step 3: Intersection Observerを使用する前に、HTMLに変更を加える Step 4: JavaScriptのInt
修士課程の大学院生だった頃,指導教員の授業を取ると「10本論文」という課題をやらされた.自分の好きな分野で論文を10本読み,個々の論文の関係をまとめろという課題である.論文の関係というのは,例えば「著者が同じ」「研究室が同じ」「引用関係にある」「後続の研究である」などである.全ての論文を読んで,こういった関係をノードとエッジで作図し,プレゼンするというのが課題である.作ってみると木構造になりがちで,なかなか循環しない.1つ中心となる研究があり,その論文を参考にしながら分野の体系が広がっていくことがわかる. 当時私は本当にビチョビチョになりながら10本読んで報告した.今になってみると論文を10本読む程度になぜあんなに苦労したのか謎である.学部から修士に進むにあたって専門領域を変えたので(応用物理→情報系),単純に慣れてなかったのだろうと思う.個々の論文を深く読みすぎたり,研究のコントリビュー
VS CodeのAdobe XD用拡張機能が登場! デザインシステムにもとづきコード出力と補完が可能に Microsoftが開発を行っている無償のエディター「VS Code」にAdobe XD用の拡張機能「Adobe XD extension」が登場しました。 この拡張機能を使うことで、Adobe XD上で作成したデザインアセットをVS Code上で参照・編集できるようになります。デザイナーとエンジニア間の溝を埋めることができ、デザインシステム構築のハードルが下がるでしょう。 今回の記事では、「Adobe XD extension」の活用方法を紹介します。コーディングの際に活躍する拡張機能ではありますが、Adobe XDを使ったデザイン段階でのひと工夫も必要になりますので、デザイナーの方も理解しておくとプロジェクトの進行がスムーズになるでしょう。 「Adobe XD extension」と
こんにちは!UIデザイナーのsugasoとharuです。UIデザインの面白さ(沼とも言う)にハマってしまった私たちは、定期的に「イカしたUIを見る会」(以下、イカ会)という課外活動を行っています。 イカ会では、最近触ったアプリや発見した魅力的なUIを共有し、普通なら見逃してしまうであろうデザインのこだわりや、ハートを揺さぶられるポイントについて語り合ったりしています。 知れば知るほど面白くなっていくUIの世界を皆さんにもチラ見せしたい……ということで、イカ会の様子を連載することにしました。第1弾となる今回は、「こんなの見たことない!」と私たちが感動したアプリをご紹介します。 Clear Lists 最初にご紹介するのは、ご存知の方も多いタスク管理アプリ「Clear Lists」。 Clear Listsの特徴はナビゲーションバーやタブバーを排除して、タッチ・スライド・ピンチアウトといった直
この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーディングスクール」 の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 最近はスマホで見ることを前提にデザインされたWebサイトも増えてきていますが、そのようなWebサイトでもPCでみた時にも違和感のないデザインになっています。 また、総務省の「通信利用動向調査」を見ると、スマートフォンでもパソコンでもインターネットが利用されている事がわかります。 利用状況 2022年のインターネット利用率(個人)は84.9%となっており(図表4-11-1-2)、端末別のインターネット利用率(個人)は、「スマートフォン」(71.2%)が「パソコン」(48.5%)を22.6ポイント上回っている。 (出典)総務省「通信利用動向調査」 このようにスマホ、PCどのデバイスでも見ることが
渡辺哲也💤 @anitemp 生き物の中で人間だけ「繁殖は恥ずかしい行為だ」と思ってるので。 コレをなんとかスギに応用して、スギに「花粉を飛ばすのは恥ずかしい」と思わせれば花粉症が無くなるのではないか、なんとかしてオシベとメシベにパンツを履かせる事はできないだろうか。 2019-09-02 11:07:15 リンク Wikipedia スギ スギ(杉、Cryptomeria japonica)は、ヒノキ科スギ亜科スギ属で日本原産の常緑針葉樹である。以前はスギ科 Taxodiaceae に分類されていた。 本種は単型であり、本種のみでスギ属 (Cryptomeria属) を形成する。 スギ科(ヒノキ科スギ亜科とすることも多い)は、中生代に登場した起源の古い植物群で、現在は日本のスギの他、アメリカ大陸のセコイア Sequoia sempervirens、中国のメタセコイア Metasequo
Webサイトのアイデアに困ったときは、多くの優れた参考サイトを見ることが、次のデザインへとつながります。 なぜなら、レイアウトや配色、文字組みなど実践的なプロのテクニックを学びつつ、変化の早いトレンドも確認できるのが理由です。 この記事では、デザイナーが参考にしたい最新ウェブデザイン30個をまとめてご紹介します。 クライアントとの打ち合わせ時のサンプル見本や、「ああしたい、こうしたい」というデザインの共有にもおすすめです。 Webデザインに悩まない、心をつかむ最新サイトまとめ YOLU[ヨル] ナイトケア ビューティーブランド 満点の星空をテーマに、流れ星のようなSVGラインアニメーションが素敵な、美容系ウェブサイト。 Shop MrBeast 2022年を代表する、90年代レトロブームの再来をテーマにしたウェブサイト。 パステルカラーの配色や、ピクセルドット風フォント、くるくるまわるホバ
UXライティングとは何か UXライティングとは、ユーザーがデジタルサービスを操作する際に必要となるテキストを書く技術です。例えば、登録時のスタートガイド、利用の流れコンテンツ、タイトル、ボタン、画面上の説明文、エラーメッセージ、通知などの言葉がUXライティングの手法に則って書かれます。サービスの中にある言葉に対して「意味が通じればいい」という思想で書くのではなく、「ユーザーがサービスを通じて体験する一連の経験を設計する」という思想で書くのがUXライティングです。 UXライティングに求められる技術とは UXライティングには、分かりやすく書く技術と、人間らしく書く技術が必要です。この二つの技術が同居することによって、ユーザーの体験を支援することができます。 分かりやすく書く技術 UXライティングの手法に則ってテキストを書く際に求められるのは、「ユーザーの気持ちに沿った文章を書く」という抽象的な
”銭湯図解”で銭湯建築や人の営み描く。映画『湯道』看板娘モチーフになった塩谷歩波さん、「小杉湯」番頭経てホテルやサウナ等も図解する画家・文筆家に 塩谷歩波さんは、銭湯の建物内部を俯瞰図で描く「銭湯図解」シリーズがSNSで人気を博し、刊行した著書が話題沸騰! 銭湯図解とは、銭湯を観察しメジャーなどでさまざまな部分を測量、スケッチに落とし込んでいくもの。塩谷さんの半生はドラマ化(2022年『湯あがりスケッチ』)され、2023年2月23日に自身がモチーフになったキャラが登場する映画『湯道』(企画・脚本:小山薫堂、主演:生田斗真)が公開されます。学生時代、建築を専攻し、設計事務所、高円寺(東京都杉並区)の銭湯「小杉湯」の番頭兼イラストレーターを経て、画家・文筆家へ。建築を描くことで見えてきたものとは。図解イラストを解説しながらたっぷり話していただきました。 銭湯での人のふるまい、美しいと思った瞬間
Squarepusher "Terminal Slam" MV 9/9 からオンラインでのフェスティバル開催となった世界有数のメディアアートの祭典、アルス・エレクトロニカ。毎年、メディアアートに革新をもたらした人物や作品・プロジェクトを表彰する「アルス・エレクトロニカ賞(Prix Ars Electronica)」が発表され、真鍋大度氏率いるライゾマティクスが制作した Squarepusher の新作 MV「Terminal Slam」がコンピューターアニメーション部門の「栄誉賞(Honorary Mention)」を受賞した。機械学習(ML)による Diminished Reality(減損現実)や Image Inpaint(画像修復)で構成された Mixed Reality(複合現実)の 4K 画像がスクリーンを覆い尽くすという新しい演出が注目を集めている。 このライゾマティクスのク
Write Stories, with the Largest Public Japanese AI ever! AIで小説を書こう! AI Novelist is the largest public Japanese storywriting AI, trained from scratch by more than 2TB corpus. You may start from one of the example prompts or start with your own text! Tips: You may want to enter at the least 5-6 lines worth of a seed text to make sure the AI understands the context/genre.
突然ですが、亀仙人ってオシャレじゃないですか……? 「ないない! アロハシャツにサングラスでしょ?」と思った方、ちょっと待ってください。 確かに、象徴的なアイテムは思い浮かぶけれど、服に気を使っているキャラクターというイメージは少ないでしょう。ブルマのようなオシャレさで鳴らすキャラクターに比べると、コーディネートのパターンも固定されている。 でも、だからこそ、亀仙人のファッションって、見れば見るほど洗練されています。自分のスタイルは決して崩さないまま、細部をアレンジしてバリエーションを出す。そんなこだわりと遊びの両立を随所に感じることができます。 ……あ、ご挨拶が遅れました。ライターの平格彦(たいら・まさひこ)と申します。普段は男性向けのファッションメディアで執筆しています。久しぶりにドラゴンボールの原作を読み返したら、上記のことに気付きました。 そんな気付きをもとに今回は、ドラゴンボール
2回目の投稿です。 フリーランス・デザイナーの井上新八です。 主にブックデザインの仕事をしています。 年間にデザインする本は多いときで200冊くらいになります。 少ないときでも年間150冊以上はデザインしています。 職場は自宅です。 スタッフもアシスタントもいないので、1人ですべてやっています。 20年くらいこのスタイルで働いています。 ブックデザインの仕事と言っても、 どういう仕事をしているのかいまいちわかりにくいと思います。 なので1冊の本のデザインの依頼を受けて、 完成するまでのプロセスをざっと図にしてみました。 これが1冊の本の大まかな工程です。 ぼくの場合は大体こんな感じです。 他の人がどうかは知りません。 これを年に200回。 改めて見るとぞっとします…。 ただ、これが仕事の全部ではありません。 これは装丁(表紙・カバーまわり)だけをデザインする場合。 本文のデザインも担当する
パッケージ、MV、スタイリング、ビジュアルデザインなど全方位に高品質なK-POPクリエイティブにおいても軽視されがちなのがウェブ分野だが、その中でも数少ない事例を紹介。 (コミュニティアプリ・ライブ配信・ビハインドなども広義の意味ではウェブコンテンツだが、ここではいわゆる特設サイトについてのみ触れる) * * * NewJeans.krNewJeansの公式サイトはニュースの役割を持たず、カムバックごとに特化した内容にリニューアルされる。特徴的なのは毎回実装される独自のデザインを生成できるジェネレーターで、しかしそのアプローチは常に異なる。 ウェブサイトに限らず、バッグ形態のパッケージデザインやデコ前提のシンプルなペンライトのように、各々のカスタム性を追求することによって逆に連帯感を演出する新しい大衆性がある(学校指定の鞄にキーホルダーで個性を出すやつを、メンバーとファンの間でやってるみた
ここ最近、Glispというアプリをつくっています。Lisp ベースのベクタードローイングツールで、Creative Coding と伝統的なチマチマやるデザインとの合わせ技っぽい使い勝手を目指してます。 ひとまずCuusheさんのビデオに手入れ続けて止まらないのが気が済んでからなのですが(ごめんなさい…)、終わったら本格的にこれに注力してみたいなと思っとります。だから助成金やファウンディング含めてみなさんに色々ご相談したいです。 #glisp – Twitter Search / Twitter これが実現したらようやく「こいつなんか意味分からん事言って Adobe に因縁つけてるな」みたいなんがもう少し多くの人に理解してもらえる気がしています。少なくともベクターグラフィックに関しては、ソフトの使い勝手に気が散ってツール開発をしないとしんどくなる体質が改善して実制作に集中出来るようになれま
アプリケーションをデザインする際、ほとんどのデザイナーはコンテンツページには労力を費やしますが、登録フォームは見過ごしがちです。ユーザーが辿り着くのは、視覚的に魅力がなく、無味で事務的なフォームです。白いバックグラウンド、まっさらなテキストフィールド、煩雑な文章、不快な黒のアウトラインがあちこちに散らばった、登録のモチベーションを掻き立てないフォームです。もしあなたのフォームがそんな状態であれば、改善の余地ありです。 あなたのアプリを使いたいユーザーはフォームの見た目に関わらず登録はしてくれるでしょう。しかし、まだ決めかねているユーザーは事務的なフォームを見て辞めてしまうでしょう。第一印象で多くの見込み顧客を失っている可能性があるということです。もっと機能的で魅力的なフォームにすることで、ギリギリで決めかねているユーザーの背中を押すことができます。 ビジュアルがユーザーを後押しする ある調
「デザインのアイデアがなかなか見つからない」 「Webデザインの最新トレンドを知りたい」 「かっこいいデザインの見本サンプルが欲しい」 そんなときに目を通したい、旬のトレンドを取り入れた最新おすすめWebデザイン30選をご紹介。 国内外のウェブギャラリーでも取り上げられている、世界中からセレクトされたホームページやWebサイトばかり。 レイアウトや配色、フォントえらびなど、実用的なアイデアに困ったときに役立ちます。 流行先取り 注目の最新おすすめWebデザインまとめ 隅田川道中 ページ全体に広がる波紋エフェクトにはじまり、 和楽器集団による演奏など、一度見たら忘れなそうなサイト。コンテンツに進むにつれ音量がさがり、最後のフッターでふたたび最高潮に。 ノースマン公式サイト エレガントなフォント使い、 重なりのある自由なレイアウトなど、どれもサイト制作の参考になりそうな仕掛けがたくさん。 Ha
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く