0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Ext JSのテーマ遍歴 その2

Posted at

こんにちは、江川です。
前回に引き続き、ExtJSのテーマの遍歴を振り返ってみます。
今回は、各コンポーネントに的を絞って見てみましょう。

グリッド

Classic

スクリーンショット 2015-12-08 14.37.07.png

Neptune

スクリーンショット 2015-12-08 14.38.25.png

Crisp

スクリーンショット 2015-12-08 14.38.53.png

Triton

triton_grid.png

Gridは目立った変化はありません。
Tritonでは選択した行が黄色くハイライトされるようになりました。

タブパネル

Classic

スクリーンショット 2015-12-08 14.39.41.png

Neptune

スクリーンショット 2015-12-08 14.40.45.png

Crisp

スクリーンショット 2015-12-08 14.41.34.png

Triton

スクリーンショット 2015-12-08 14.42.35.png

テーマを重ねるごとによりシンプルになっている印象を受けます。
Tritonでは2色だけの構成になり一切の無駄を排除したレイアウトに。今流行の断捨離でしょうか。

ウィンドウ&ボタン

Classic

スクリーンショット 2015-12-08 14.43.59.png

Neptune

スクリーンショット 2015-12-08 14.44.35.png

Crisp

スクリーンショット 2015-12-08 14.44.59.png

Triton

スクリーンショット 2015-12-08 14.45.24.png

バージョンを重ねるごとにボタンがフラットになってきているようです。
Tritonではウィンドウのヘッダーやボタンが少し大きめに。

ツリーパネル

Classic

スクリーンショット 2015-12-08 14.46.14.png

Neptune

スクリーンショット 2015-12-08 14.46.44.png

Crisp

スクリーンショット 2015-12-08 14.47.05.png

Triton

スクリーンショット 2015-12-08 14.47.21.png

ClassicからNeptuneで大きく変わっています。
ノードのアイコンも丸みを帯びた柔らかい印象になってきています。

以上、コンポーネントごとのデザインの移り変わりを見てみました。
次回も今回紹介できなかったコンポーネントのデザインを見てみたいと思います。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?