https://forest.f2ff.jp/introduction/7866?project_id=20230601
こんにちは!株式会社Rabeeのデザイナーのakaneです🐏 今回は、ヘッダー(グローバルナビゲーション)のデザイン事例を調べてみました!パターンごとに分類しながら紹介していくので、どうぞ最後までお楽しみください✍ はじめに:グローバルナビゲーションとは?グローバルナビゲーションとは、Webサイトの全ページに共通して表示される「主要なコンテンツへの案内リンク」です。 一般的には画面上部のヘッダーに設置されることが多く、ユーザーが「今、どこにいるのか?」「目的のページはどこか?」と迷わないように誘導する大切な役割があります。 どんなサイトを作るときもほとんど必須のパーツですが、わたしは気付けばいつも似たようなレイアウトを使いがち…。そこで今回は、グローバルナビゲーションのデザインを100事例見比べて分類してみます🔍 ・ ・ ・ 1. スタンダード型まずは、一般的に「ヘッダー」の言葉で想像
おパンツカブリーノ @panzofuk 木嶋佳苗って、カリスマ性すごいらしいしな。接見したら来た瞬間パッとその場が明るくなるような、みたいなのどこかで見た りりちゃんも接見した記者の男女のハートをいただいちゃったみたいだし こんな俺でも好きになってくれる女がいる、って状況実は危ないと思う x.com/6wqc4hbl1f1971… 2024-04-05 00:04:20 スター⭐️リン @6wQC4HBl1f19712 サイゼテストや大戸屋テストやってる男さん、本人は『これについて来れない女はお断り』とドヤ顔だけど、この手の男の願望に完璧に答えた女性知ってんだよな。 木嶋佳苗っていうんだけど。 2024-04-04 19:09:04
この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーディングスクール」 の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 最近はスマホで見ることを前提にデザインされたWebサイトも増えてきていますが、そのようなWebサイトでもPCでみた時にも違和感のないデザインになっています。 また、総務省の「通信利用動向調査」を見ると、スマートフォンでもパソコンでもインターネットが利用されている事がわかります。 利用状況 2022年のインターネット利用率(個人)は84.9%となっており(図表4-11-1-2)、端末別のインターネット利用率(個人)は、「スマートフォン」(71.2%)が「パソコン」(48.5%)を22.6ポイント上回っている。 (出典)総務省「通信利用動向調査」 このようにスマホ、PCどのデバイスでも見ることが
突然ですが、亀仙人ってオシャレじゃないですか……? 「ないない! アロハシャツにサングラスでしょ?」と思った方、ちょっと待ってください。 確かに、象徴的なアイテムは思い浮かぶけれど、服に気を使っているキャラクターというイメージは少ないでしょう。ブルマのようなオシャレさで鳴らすキャラクターに比べると、コーディネートのパターンも固定されている。 でも、だからこそ、亀仙人のファッションって、見れば見るほど洗練されています。自分のスタイルは決して崩さないまま、細部をアレンジしてバリエーションを出す。そんなこだわりと遊びの両立を随所に感じることができます。 ……あ、ご挨拶が遅れました。ライターの平格彦(たいら・まさひこ)と申します。普段は男性向けのファッションメディアで執筆しています。久しぶりにドラゴンボールの原作を読み返したら、上記のことに気付きました。 そんな気付きをもとに今回は、ドラゴンボール
パッケージ、MV、スタイリング、ビジュアルデザインなど全方位に高品質なK-POPクリエイティブにおいても軽視されがちなのがウェブ分野だが、その中でも数少ない事例を紹介。 (コミュニティアプリ・ライブ配信・ビハインドなども広義の意味ではウェブコンテンツだが、ここではいわゆる特設サイトについてのみ触れる) * * * NewJeans.krNewJeansの公式サイトはニュースの役割を持たず、カムバックごとに特化した内容にリニューアルされる。特徴的なのは毎回実装される独自のデザインを生成できるジェネレーターで、しかしそのアプローチは常に異なる。 ウェブサイトに限らず、バッグ形態のパッケージデザインやデコ前提のシンプルなペンライトのように、各々のカスタム性を追求することによって逆に連帯感を演出する新しい大衆性がある(学校指定の鞄にキーホルダーで個性を出すやつを、メンバーとファンの間でやってるみた
生成AIを使ったサービスを開発してわかったことをメモしておきます。 開発したもの 業種 SaaS 課題 提供サービス内でユーザーがアイディアを考えることが難しかった。様々なデータを人力で集めてくる必要があった 解決策 アイディア起案に繋がりそうなデータを自動で集めてきて提示する。手法はベクトル検索、AIによる要約生成。 その他 チャットUIは作っていない。ユーザーの入力は最初の検索テキスト入力文のみ。 開発前の検証・プロトタイピング 開発する前に生成AIの出力を検証することが必要 生成AIの出力の質はサービスの肝だから 生成AIの出力は事前の予想と違うこともあり早い段階で出力を確認しておかないと後々の仕様変更があったときにキツイから AIに渡すデータの中身を確認しておく 例えばRAGを使って社内ドキュメントやDBを検索する場合、それらのデータの中身を吟味する必要がある 必要なデータと不要な
人類はコンピュータやGPSが発明される前から、太陽・月・星の位置、時刻、航海中の現在位置を知ることができました。 そしてそれらを測定するための「アストロラーベ」と呼ばれる特殊な天体観測器も存在しました。 これは古代の天文学者や占星術者たちに広く使用されてきたもので、「ある種のアナログ計算機」だと言えます。 現在では、その精巧さや美しい見た目から、工芸品として高い人気を誇ります。 これまでに数多くのアストロラーベが作られてきましたが、最近、フランスの「ミディ=ピレネー天文台(OMP)」に所属する天文学者エマニュエル・ダヴースト氏は、アストロラーベのパーツを分析することで、製造年代を特定することができました。 研究の詳細は、2023年11月29日付で、プレプリントサーバ『arXiv』にて発表されています。 製造年代まで知ることができる「古代の機器」とは、いったいどのようなものなのでしょうか。
こんにちは!株式会社Rabeeでデザイナーをしています、nanamiです🌿 今回はLPやサービスサイトでよく見かける「料金比較表」のUIパーツに特化してデザインを集めてみました。 LPや特定のサービスサイトは構成要素が比較的パターン化されています。 「この要素・セクションのデザインどうしよう」となった時用に、要素ごとにデザインのパターンのストックを持っておきたい。 そんな皆さまに参考にしていただけると嬉しいです! はじめに今回は、集めた料金比較表のデザインをこちらのサイトを参考に、テーブル型、カード型、ブロック型の3パターンに分類してリストアップしています。 特記事項以下に掲載している料金表は、記事作成時点(2024.2.27)でデザイン学習を目的として収集したものです。現在の料金とは異なる可能性がありますのでご留意ください。 【テーブル型】行&列の表形式 横軸に料金パターン、縦軸にその
はじめに Web制作におけるフレームワークというと、ReactやVue.jsなど、エンジニアが効率的に開発を行うために必要なシステムの骨組み、という印象がありますが、Astroは筆者のような、どちらかというとデザイン寄りの制作者でも理解しやすい設計になっており、実体験としてデザインから静的サイトの構築までを一人で完結させるのに有効活用することができました。 もちろん本職エンジニアの方にとっては、高パフォーマンスなWebフレームワークとして最近注目されているAstroを筆者以上に深く理解し、既存の開発プロセスを改善するヒントにも繋がるのではないかと思います。 現代におけるWebサイト構築のアプローチ 一つのWebサイトを構築しようと思ったとき、現代ではさまざまなアプローチが存在します。 単体、もしくは複数のページをHTMLコーディングする方法から、WordPressに代表される各種CMSをカ
五大湖に生息するある二枚貝についてのドキュメンタリーを制作中に、128年前に行方不明になった難破船が偶然発見された。 映画製作者のイヴォンヌ・ドレバート氏とザック・メルニック氏は、ヒューロン湖で外来種であるオオノ目の二枚貝の一種「クアッガ」の撮影をしていた。 そのとき偶然に、1895年10月にオハイオ州からオンタリオ州に向かって石炭を輸送していて行方不明になった蒸気船「アフリカ号」を発見したのだ。 広告 2 filmmakers discovered a 128-year-old shipwreck 外来種の貝を捜索中発見した難破船 強風が吹きつけ荒れ狂う1895年10月のある晩、アフリカ号はヒューロン湖で忽然と姿を消してしまった。 ドレバート氏とメルニック氏もまた、外来種の貝を探しているとき、荒れた天候の真っ只中にあった。 「1895年の嵐のシーズン始めにアフリカ号が沈んだときと同じよう
こんにちは、プロダクトマネージャーの yujiro です。 最近 Nintendo Switch を購入し、妻と一緒にスーパーマリオをプレイしてます。数少ない共通の話題が増えて嬉しいです。 はじめに 前提:テックタッチはハイタッチCSに支えられている 「 Showcase 」とは 事前準備 開催当日 得られる効果 さいごに はじめに テックタッチではおよそ3ヶ月に1度の間隔で新機能をリリースしており、その際にリリース内容共有会を開催してリリース内容の社内周知を行っています。このリリース内容共有会を社内では「 Showcase 」と呼んでいます。 この「 Showcase 」は、リリース内容の説明に留まらないプロダクトチームとビジネスチームをつなげるユニークなイベントになっています。本記事では、「 Showcase 」を通じてどのように両者の距離を縮め、一体感のあるカルチャーを生み出している
2023年5月、エジプト、ギザのサッカラで古代エジプトのミイラ工房が発見されたと当局が発表した。石造りの寝台やミイラ作りの道具など新たに発見された遺物は、プトレマイオス朝と第30王朝のものだ。(PHOTOGRAPH BY FAREED KOTB, ANADOLU AGENCY/ GETTY IMAGES) 2023年は、考古学界にとって実りの多い年だった。私たちは、AIなどの技術が大発見につながる事例を目の当たりにし、科学者たちは過去に発掘された遺物に新たな光を当てることができた。 また、今年は考古学上の新たな発見が続いた1年でもあった。たとえば、エジプトのミイラ工房では、古代の埋葬技術の秘密が明らかになった。イタリアの海底に沈む2000年前の神殿は、アラビアの砂漠から来た貿易商人たちが建てたことがわかった。そして、ジャングルの奥深くに眠っていた壮大なマヤ文明の都市が、レーザー技術によって
(2023年6月28日追記)Photoshop (beta)をアップデートしたところ、機能の名称が「ジェネレーティブ塗りつぶし」から「生成塗りつぶし」に変更になったようなので、用語を置き換えた。 久しぶりにお絵描きAI系の記事を書いてみようと思うのだが、今回は割と最近話題になっているAdobe Photoshopの生成AI機能「生成塗りつぶし」だ。これはPhotoshop自体の使い方を大幅に変えるかもしれない凄い新機能になっている。 今回の目次はこちら。 「生成塗りつぶし」を使うには? プロンプトを入れずに使うと、超賢い「コンテンツに応じた塗りつぶし」になるぞこれ! 人や車を消すのに使ってみよう(聖地巡礼に使える?) ドローンのパノラマ撮影写真の修正にも有用そう? というわけで… 「生成塗りつぶし」を使うには? 2023年6月現在、現行バージョンのPhotoshopは「生成塗りつぶし」をサ
はじめに みなさんは動画編集をやったことはありますか? 私は,頻度は低いものの動画編集をして動画投稿サイトに動画をアップロードした経験があります. 動画編集とは元来めんどくさく手間がかかるものではあるのですが,普段からWebアプリの開発をしている私は,以下のようなことを考えていました. HTML/CSSのように複数オブジェクトを一つのコンポーネントのように扱えたら,CSSのように統括して装飾を指定できたら,HTMLのレンダラー(ブラウザ)が相対値から計算して幅や高さを指定するように,動画のオブジェクトの時間長も編集アプリが計算して指定してくれたら,もっと楽に動画編集できるのになぁ,と. そこで私は,HTML/CSSをベースとした,動画の構成を記述する言語を記述することで動画編集を行えるという技術を開発しました. 元々OSSでやるか,未踏のようなイベントに持ち込むか悩んでいたのですが,大学4
82歳のじいじと80歳のばあばが携帯を買い替えたこんにちは、田舎の祖父母が心配なあいぼです。 表題の通り、私の祖父がスマホデビュー。祖母がガラホに買い替えました。二人とも超アナログ人間のため、買い替えたと連絡を受けた時は家族みんなが心配し、特にスマホデビューした祖父の様子を見にいくことになりました。 ガチ似顔絵ですガラケーとは意外と違う「電話のかけ方」祖父は「電話がかけにくい」とご機嫌ななめです。 内容を聞いてみると、購入したAndroidのデフォルトの電話アプリでは、連絡先をグループから絞り込めないとのこと。確かに、見せてもらうと人名のあいうえお順で表示されており、「家族」「仕事」などのグループから連絡先を表示できません(少なくともパッと見ではできなかった)。 祖父が以前使っていたガラケーでは、グループから入っていけたそうで、スマホではあいうえお順に強制的に表示されるのが不便だと言います
絵を描いたことないバックエンドエンジニアが、生成AIの力を借りながらVTuberモデルを作成し、MacBookPro単体でアバターでZoomやハドルに出るまでの全てを書きました。 “アバター作りたいけど絵描けないしなんか大変そう…“と思ってる人に参考にしてもらえれば幸いです。 2徹しました。 QualiArts Advent Calendar 2023 の13日目の記事になります。 先に結論完成物こちらが今回作成したアバターです。 名前はらんまるくんっていいます。白髪で幼い感じがとっても可愛いね!!!🍼 ※音が出ます ※HoneyWorksの曲が流れます ※懐かしい ※髪も揺れるの可愛い 使用技術結局原画以外全部人力でしたorz 原画: にじジャーニーによる生成AIの画像を使用レイヤー分け・書き足し: Photoshopで自力モデリング: Live2Dで自力配信: VTube Studi
アンゴラの首都ルアンダ(2023年3月3日撮影、資料写真)。(c)LUDOVIC MARIN / AFP 【3月15日 AFP】アフリカのアンゴラで、魔女でないことを証明するためと称して草のエキスを飲まされ約50人が死亡した。現地当局と警察が14日、明らかにした。 国営ラジオの取材に応じた地元議員のルジア・フィレモネ氏によると、事件は1月から2月にかけて中部の町カマクパ(Camacupa)付近で発生した。 トラディショナルヒーラー(民間治療師)が「魔術を使えるかどうかを確かめるため」と称して、50人以上にエキスを飲ませたという。 ポルトガルの植民地だったアンゴラはカトリック教徒が多いが、教会が強い反対にもかかわらず、農村部の一部では今も魔術信仰が根強い。 警察は50人の死亡を確認。警察の担当者は国営ラジオに対し、「魔術信仰が原因で、毒物を飲ませる行為が広く行われている」と説明した。 アンゴ
漫画家・荒木飛呂彦氏原作『ジョジョの奇妙な冒険』のスピンオフ作品として誕生した『岸辺露伴は動かない』のアナザーストーリーとなる映画『岸辺露伴 ルーヴルへ行く』 。おしゃれでお茶目な岸辺露伴のバディを演じる Oggi専属モデル・飯豊まりえが、アーティスティックな世界観を見事に表現した人物デザイン監修・衣裳デザインの柘植伊佐夫さんを交えて、作品の魅力を語ります。 Oggi専属モデル・飯豊まりえ出演!映画『岸辺露伴ルーヴルへ行く』の世界 飯豊まりえが大活躍する映画『岸辺露伴 ルーヴルへ行く』! 漫画家・荒木飛呂彦氏原作『ジョジョの奇妙な冒険』のスピンオフ作品として誕生した『岸辺露伴は動かない』のアナザーストーリーが、ついに映画化。 アーティスティックな世界観とユニークなキャラクターが実写化した本作はさまざまなプロフェッショナルの仕事から生まれた一大傑作です。 ©2023「岸辺露伴 ルーヴルへ行く
史上最も深い「ブルーホール」見つかる。底、まだ見えず2024.05.10 20:0047,296 Isaac Schultz - Gizmodo US [原文] ( そうこ ) ブルーホール。地面が海中に水没することで、まるで海の真ん中に大きな穴が空いているように見える地形のこと。 世界には大きなブルーホールがいくつかありますが、メキシコのチェトゥマル湾で発見されたブルーホールは、史上最深の可能性が…。だって、まだ底がわからないくらい深いのですから。 Taam Jaブルーホール深いふかーいブルーホールの名はTaam Ja・ブルーホール。メキシコとベリーズの国境付近にあり、周辺には他にも今までいくつかのブルーホールが確認されています。 リサーチチームが昨年12月計測した最深レポートが、Frontiersに公開されました CTD(Conductivity/電気伝導度、Temperature/温
4月。新卒入社の方がたくさんいますし、転職や異動も多い季節ですね。 この時期のデザイナーの悩みごとのひとつに「会社での目標設定が上手くできない」があるのではないでしょうか。 周りを見渡すと、私は比較的目標設定をするのが得意なようなので、普段のやり方を記事にまとめてみます。 最初にまとめ- まずは自分の組織やサービス、関わる市場の状況を正しく知る - 次に自分の思いに素直に向き合い、会社に関係ないことでもなんでも書き出す - 両方できたら、組織の目標と自分の思いが重なる場所を探す - 組織と自分の重なりから見えてきた方向性に対して、具体的な内容を定める - 具体的な内容を数字に変換→割合・絶対数・速度・費用対効果などの考え方 - 目標設定と同時に目標の追い方も決めておく、こまめに振り返られる仕組みが大切 組織やサービスや市場の状況を正しく知る自分の所属している組織や関わっているサービス、市場
GPUインスタンスと生成系AIを組み合わせてPlayCanvasで3Dシーンを構築してみました。 2023-07-21 2023-07-21 PlayCanvas ChatGPT, Shap-E 455回 0件 はじめに GMOグローバルサイン・ホールディングスの羽賀(@mxcn3)です。ゲームエンジンPlayCanvasの日本コミュニティ運営や、テクニカルサポートを担当しております。GPUインスタンスと生成系AIを組み合わせて作成したデモプロジェクトの検証結果を紹介いたします。 経緯 この記事を書くきっかけとなったのは、全社的な生成系AIの取り組み強化を目指し、2023年6月21日に始まった「AI 活用 No.1 企業グループへの取組を加速全パートナー向け、NVIDIA 社最新 GPU 搭載サーバー/ノートパソコンの無償貸出を実施」プログラムにより、GPUインスタンスを借りたことです。
はじめに こんにちは!クラシルでプロダクトデザイナーをしているkashikoです! 今回のブログでは、「Zapierを活用したデザインチームの業務改善ナレッジ」を書いていきます。 Zapierとは操作の自動化を非エンジニアでも簡単に行えるツールで、私たちの場合はSlackで特定のスタンプを使うとNotionにリスト形式で自動でストックするのに使用しています。クラシルのデザインチームでこの機能をどのように活用し、チームとしてのレベルアップを図っているのかご紹介します。 ユースケース クラシルデザインチームがZapierを利用しているのは以下の3つのシーン。 ①実機を触っていて見つけたデザイン改善タスクのストック ②デザインの過程でリサーチしたナレッジのストック ③相互に行うデザインレビューのストック です。 それぞれ具体的にどのような運用になっているのか、詳しく見ていきます! ①デザイン改善
The Osko logo is a minimalist and modern design comprised of three concentric elements. It features a bold black circle as the outermost shape, followed by a thinner black ring, and a solid black dot at the center. The strategic breaks in the rings create the impression of a stylized letter "C" or "G," offering versatility in its interpretation. With its strong contrast and minimalist aesthetic, t
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く