最新のオペレーティングシステムでは、より一貫性があり洗練されたユーザー体験を提供するために、ネイティブコントロールの進化が続いています。macOSでの「Liquid Glass」の導入に伴い、入力オブジェクトの外観が一新され、角がより丸みを帯び、テキストと境界線の間のスペースが広くなりました。 こ...
適切に選択された枠線色は、フォームの理解を助け、より洗練された統一感のある外観を実現します。重要なフィールドを強調したい場合、オブジェクトのグループを区別したい場合、あるいは単にアプリケーションのビジュアルアイデンティティに合わせたい場合でも、枠線はUIデザインにおいて効果的な要素となります。 4...
フォーム内のテキストの配置とパディングを自在に制御 4D 21 R5 では、テキストエリアや入力オブジェクトのレイアウトを、明示的な垂直方向の配置と各辺ごとの独立したパディングによって微調整できます。これらの新しいコントロールを使用することで、アプリケーションのビジュアルデザインに合わせた、明確で...
カラフルなアクションボタンが並んだツールバーや、スタイリッシュなラジオボタンやチェックボックスを備えた設定パネルを作成していると想像してみてください。特別なイラストや複雑なグラフィックは必要ありません。角が丸く、控えめな枠線が入った青いボタンがあれば十分です。 これまでは、単純な視覚的なカスタマイ...
Fluent UIを導入した際、その目標は明確でした。それは、4Dアプリケーションが、ほとんど手間をかけずに最新のWindowsのルックアンドフィールを採用できるようにすることです。 リリースを重ねるごとに、Fluent UIのサポートはさまざまなフォームタイプに拡大し、堅牢で本番環境でも利用可能...
4D 21 R2 以降、4D Write Pro の箇条書きおよび番号付きリストに新しい変更が加えられました。標準アクションを使用してリストを作成すると、小さな余白 (インデント) が自動で追加されるようになりました。これにより、ユーザーが個別にインデントを調整する必要がなくなります。 このブログ...
4D 21 R2 では、Fluent UI は引き続き開発者プレビュー段階ですが、4D への完全なネイティブ統合により新たなマイルストーンに到達しました。プレビュー段階ながら、有効化・設定・運用が容易になり、外部依存関係に依存しなくなりました。ユーザー側での追加設定なしに、アプリケーションは即座にW...
ナビゲーション・マップなど、Webサイトから知られるウィジェットでユーザー・インターフェースを豊かにしたいと思ったことはありませんか？JavaScriptを学んだり、CSSやHTMLを扱ったり、この2つの世界の間でデータの受け渡しをしたりする必要はありません。 Web エリアと4D Qodly P...
表立って見える場所ではありませんが、Fluent UIを4Dにネイティブに統合するために、舞台裏では重要なエンジニアリング作業が行われました。これはつまり、Windows、Office、Teams を定義しているのと同じモダンなビジュアルスタイルであるMicrosoft のFluent UI デザイ...
4D 20 R7 のマルチウィンドウアプリケーションのユーザーエクスペリエンスを向上させる新機能を発表したいと思います。SET WINDOW DOCUMENT ICON コマンドの導入により、ウィンドウの種類ごとにアイコンを定義できるようになり、ユーザーが異なるウィンドウを識別し、操作しやすくなりま...
