add webui screenshot in README.md

README.md

@@ -1,4 +1,8 @@
-# Neural Network Intelligence
+<p align="center">
+<img src="./docs/img/nni_logo.png" alt="drawing" width="300"/>
+</p>
+
+-----------
 
 [![MIT licensed](https://img.shields.io/badge/license-MIT-yellow.svg)](https://github.com/Microsoft/nni/blob/master/LICENSE)
 [![Build Status](https://msrasrg.visualstudio.com/NNIOpenSource/_apis/build/status/Microsoft.nni)](https://msrasrg.visualstudio.com/NNIOpenSource/_build/latest?definitionId=6)
@@ -75,6 +79,13 @@ You can use these commands to get more information about the experiment
 -----------------------------------------------------------------------
 ```
 
+* Open the `Web UI url` in your browser, you can view detail information of the experiment and all the submitted trial jobs as shown below.
+
+<table style="border: none">
+    <th><img src="./docs/img/webui_overview_page.png" alt="drawing" width="395"/></th>
+    <th><img src="./docs/img/webui_trialdetail_page.png" alt="drawing" width="410"/></th>
+</table>
+
 ## **Documentation**
 * [Overview](docs/Overview.md)
 * [Get started](docs/GetStarted.md)