UIデザイン

この記事は、4分で読めます。 こんばんわ。管理人のuncleゆーさん(@UncleYusan）です。 先月、大手4ネット証券から、投資信託クレカ積立が5万円から10万円に引き上げられましたが、皆さんは設定変更を済まされましたでしょうか。 先月中にすべて済ませたのですが、そのうちSBI証券が、最初うまくいきませんでした。 設定画面で金額を5万円から10万円に変更し、「次へ」とボタンをクリックしてもつぎへ進めないのです。 しばらくして原因がわかりに、無事設定変更ができました。同じように先へ進めないと悩んでいる人がいらっしゃるかもしれません。 そこで、今回は、SBI証券クレカ積立 5万円から10万円…

2023年1月から、日本でも電子処方箋が運用開始されました。電子処方箋は、これまで紙で発行されていた処方箋をデジタルデータに移行するものです。 １．電子化のメリット ２．電子化の懸念材料 ３．UI設計時に参考にすべき点 (１) 顔認証付きカードリーダーのUI (２) 優れたUIとは ①テキストやアイコンの大きさ、コントラストが十分であること ②明瞭な表現 ③操作の容易さとサポート機能の組み込み ④ハンデを持つ人への考慮 おわりに １．電子化のメリット これにより、医療機関側は正確な処方・調剤データを参照できるようになります。さらに、他の医療機関とデータが共有できることで重複投薬や併用禁忌（飲み…

デザインの参考になるサイトまとめてみました デザインの参考になるサイトまとめてみました ■WEBサイト系 ■スマホサイト系 ■バナー・サムネイル系 ■その他 ■ゲーム系 ■WEBサイト系 ▼SANKOU! https://sankoudesign.com/ カテゴリやサイトの特徴などで検索ができるシンプルでスタンダードなギャラリーサイトオススメ度：★★★ ▼WebDesignClip https://webdesignclip.com/ カラーとカテゴリで検索でき、日本と世界のサイトが検索できるシンプルでスタンダードなギャラリーサイトオススメ度：★★★ ▼MUUUUU.ORG https://…

今日でUI講習が終了。 自分でサクサク進めてるサイトも、 デザイナーが案を出し合って作成されてるものだと 思うと、改めてすごい職業だな、と。 たまに、使いにくいサイトを見て勉強しよう。

こんにちは、デザイナーの松本です。 先日アップデートされたFigmaのDevModeの新機能、アノテーション（測定・注釈）を早速使ってみて、便利だなぁ〜！と思わずブログを書いてしまいました。 Figmaとはブラウザ上でUIデザインやWebデザイン、グラフィックデザインができるツールで、ローソンアプリを制作するプロジェクトでも活用しています。 元々Figmaはデザイナーが使うツールでしたが、昨年登場したDevModeでエンジニアさんにとっても便利なツールになりました。ローソンアプリのデザイン連携においてもリリース直後から早速活用しています。 今回アップデートされたDevModeの新機能は他にも色…

今まで感覚的にやってきたUIデザインを人に教える必要があり わかりやすい動画を調べ、まとめたものになります 主に仕様書からレイアウトを起こすまでが中心になります ゲームUIデザイン参考動画 ■桜井政博のゲーム作るには www.youtube.com役立ち度：★★★詳細：ゲームUIについての短い動画複数個の再生リスト、UIとは的な話、心構え的なこと ■ゲームのUIってどうやって作るの？ ～チラ見せ！プロの開発テクニック～ www.youtube.com 役立ち度：★★★★★詳細：UIゲームの作り方の流れを説明されている 優先順位を決めて→確定している情報から配置 →色をつける（使う色は絞るとよい…

WEBデザインやスマホアプリを作成する際のサイズを調べてみました 特にスマホは年々サイズが高解像度になり求めらえるサイズが年々変わっておりいい機会だったので経験も踏まえてまとめてみました 制作の流れと各サイズまとめ スマホサイズの詳しいサイトまとめ フォントサイズの詳しいサイトまとめ おまけアプリアイコンサイズ 制作の流れと各サイズまとめ WEBサイトを作成する際PCサイトとスマホ両方に対応するレスポンシブを採用するのが一般的になっています デザインの手順としてはPCサイズを作成後→スマホサイズにリサイズという流れになると思います その際に基準となるサイズを調べてまとめてみました （WEB上の…

2024年にリリースされた新作RPG『メタファー：リファンタジオ』が、ファンの期待を裏切る形でネット上の一部で炎上しているようです。本作は、名作RPG『ペルソナ』シリーズを手掛けた開発チームによる待望の新作として注目を集めていましたが、発売後すぐにSNSやゲームレビューサイトで少なからず批判を浴びています。 その炎上の原因を詳しく見ていくと、特に「ペルソナシリーズに似ている」という指摘や「UI（ユーザーインターフェース）が分かりにくい」という声が目立ちます。 1. 「ペルソナシリーズに似ている」という批判 『メタファー：リファンタジオ』が炎上した大きな要因の一つは、「ペルソナシリーズに似すぎて…

今回は新感覚FPS「FragPunk」について、ベータテスト版の感想・レビュー・個人的な評価をまとめていくぜ！ ◆長所(良かったところ) FragPunkの良いところは、「爆破」ルールを触ったことが無い初心者でも楽しめる簡単さだと思う。 「FragPunk」は、ざっくり言えば、CoDの操作性で気楽なVALORANTを遊ぶゲーム。そこにカードシステムという独自要素が絡んできてかなり面白い。 ①試合時間が短い(VALORANTと比べて)1戦が長いVALORANTと比べて、10分～20分で気軽にサクサク遊べる。※4ラウンド先取。3－3になるとタイマンの勝ち抜き大将戦で勝敗を決める。 ②CoDライクな…

ペルソナ（以下、P）シリーズ1〜5プレイ経験あり。一番好きなシリーズはP5。女神転生シリーズやその他アトラス作品も嗜む程度には好きです。 メタファー体験版は2時間程度プレイ。正直プレイフィールが合わなかったため途中で投げ出した。本編も購入予定はなかったがPシリーズ続編へのお布施として購入。購入したからにはトロコンまでは楽しもうという心意気ではある。 以下、製品版をかるーくプレイした感想。 クリアなんて何週間後になるかわからないが、こういった感想は鮮度が大事だと思う。クリア後に感じ方が180度変わっているということも十分ありえるので、自分で見返す用に残しておく。 ただし「体験版が肌に合わなかった…

こんにちは！Safie第2開発部のAndroidエンジニアのジェローム(@yujiro45)です。 今年も、日本最大のAndroid開発者イベントであるDroidKaigi 2024に参加してきました！ Day 0のワークショップから最後まで参加しました。この記事では、今年10周年となるDroidKaigiで何をやったのか、何があったのか、個人的におすすめのトークなどについてお話しします！

こんにちは！今回は、2024年10月1日～10月2日に開催された「BubbleCon 2024」で発表されたニュースやBubbleの新機能をご紹介します。 BubbleConはBubbleが毎年開催するカンファレンスで、例年Opening KeynoteではBubbleのその年の活躍状況やリリース予定の新機能が発表されます。 本記事では、BubbleCon 2024のOpening Keynoteで発表されたトピックの概要と、β版提供済みの新しいWorkflowタブの特徴や詳しい使い方もご紹介していきます。ぜひ最後までご覧ください！ 1. BubbleCon 2024 2. 発表内容 2.1.…

AIによる画像生成が注目を集める中、Perplexity AIが画期的な機能を提供しています。本記事では、Perplexity AIの画像生成機能について詳しく解説し、あなたも簡単にオリジナル画像を作れるようになる方法をお伝えします。 Perplexity AIの画像生成機能：7つの魅力的なポイント Perplexity AIの画像生成機能には、多くの魅力的なポイントがあります。以下に、その主要な特徴をまとめました。 AIと対話しながら画像を生成できる革新的なプラットフォーム DALL-E 3やStable Diffusion XLなど、最新のAIモデルを使用可能 自然言語で詳細な指示を出せる…

こんにちは！残暑もすっかり和らぎ、秋の気配が感じられるようになりましたね。 マネーフォワード MEのAndroidアプリ開発をしております、akeybakoと申します。 9月11日から13日までの3日間、ベルサール渋谷ガーデンにて開催されたDroidKaigi 2024に参加してきました！ DroidKaigiは今年10周年を迎えた、Android技術者が集まるカンファレンスです。 例年通り、Androidに囲まれた空間で、Androidの魅力を再確認できた濃密な3日間でした。 今年も弊社のモバイルエンジニアが感銘を受けたセッション、いわゆる推しセッションの紹介とともに、その様子をお伝えしたい…

Bakinのレイアウトツールは、オリジナルメニューの選択肢に応じた説明文を出すっていうのすらできねえのか！？って悩んでたら、SANAさんがどこかで見た気がする・・・という話をしてて、それを聞いて私もSANAさんが配信で言ってたの聞いた気がする！ってなって、二人して探し回ってたら実現できました。 すげえ・・・！ けど、わかりにくすぎるだろ・・・！！ SANAさんにもわかるように説明するときに、デビルメイクライで例えると～って話をしてたので、画像はデビルメイクライ仕様になってます笑 とりあえず実現可能かどうかを見ただけなのでUIはデフォの検証段階のままですが、私がやりたかったレイアウトは作れそうな…

この記事を書いているひと CrowdWorks.jp デザイン基盤チームでデザイナーをやらせていただいている id:ksmxxxxxx です。 普段は CrowdWorks.jp のデザインシステム構築における、UI デザインと Vue コンポーネント作成をメインに活動しています。 今回は「デザインに軸足を置きながら、Vue コンポーネントを作っているデザイナーがデザインとフロントエンドの狭間で右脳と左脳を殴り合わせながらカスタムコンポーネントを実装した」ポエムをお送りします。 あくまで個人の感想であり他にも解釈はありますが、ひとりのデザイナーの中でデザインする自分とコーディングする自分が河原…

こんにちは！今回は、アプリやWebサイトのUIデザインとコードを生成できるAIサービス「v0」をご紹介します。 v0はVercel社のアプリやWebサイト等のUIデザインとReactベースのコードを生成してくれるチャット形式の生成AIサービスです。 今回は、v0の概要や使い方、生成できるものをご紹介します。 1. v0概要 1.1. 概要 1.2. 料金プラン 2. 新規登録 3. 使い方 3.1. 生成 3.2. 修正 3.3. コードの確認 3.4. デザインの公開 4. 生成できる範囲の確認 4.1. LP 4.2. フロントエンドの処理 4.3. API・データベースとの連携 5. ま…

こんにちは！ソリューションコンサルタントの田上です。 近年のWebアプリケーション開発においては、効率と柔軟性を両立させることが求められています。特に、開発プロセスにおいてデザインとコードの仕様変更が頻繁に発生する場合、それらをシームレスに管理できることはプロジェクトの成功に不可欠です。 そんな中で注目されているのが App Builder です。このツールは、ビジュアルデザインから自動的にコードを生成する画期的な機能を備え、デザインと開発の一体化を強力にサポートします。 しかし、一部の開発現場からは「App Builder は一次開発のみに適しているのでは？」という懸念が挙がっていることも事…

XI本部 プロダクトイノベーションセンター アジャイル開発グループの徳山です。 前回の記事「FlutterFlowとは？ノーコードでスマホアプリ開発を始める方法」ではFlutterFlowについての特徴や機能といった基本知識を紹介しました。今回は、FlutterFlowを同じく人気のあるノーコードツールであるAdaloと比較することで両者の特徴や違いを解説します。よりFlutterFlowへの理解を深める助けになれば幸いです。 はじめに Adaloの概略 FlutterFlowとAdaloの違いについて Adaloの特徴 シンプルなビジュアルエディター 内蔵データベース 各ツールに適した場面 …