アリババの中秋節ロゴとウェブサイトのデザインプロセス

アリババの中秋節ロゴとウェブサイトのデザインプロセス
<br />まずアイデアを考え、次にスケッチを描き、次にマウスでスケッチし、最後にフラッシュアニメーションにします。これは私のいつものやり方です。

中秋節について考えるとき、最初に頭に浮かぶイメージは、嫦娥が月に飛んで、世界から珍味である月餅を持ってくるというものです。前景にはキンモクセイの花、背景には満月と美しい建物が描かれています。服のシワを直すのに少し時間がかかりました。もちろん、美しい画像だと思います。しかし、美しさだけでは十分ではないので、すぐに次のスケッチを作成しました。全体的なアイデアは、中秋節が来て、アリ・ワンワンが再会するというものです。 3人家族が芝生の上で月見をしながら月餅を食べていました。小王は満月に興味津々で、とても子供っぽい性格でした。家族全員がとても楽しい時間を過ごしていました。この画像は最初の画像ほど美しくはありませんが、適切です。最初の写真はどのウェブサイトでも使えますが、Alibabaに非常に適しています。さて、2 つの計画、1 つは包括的な計画、もう 1 つは適用可能な計画です。上司に検討を依頼したところ、賢明な上司は 2 番目の計画を選択しました :)


確かに手描きとマウス描画には違いがあります。マウスの絵は100倍くらい精巧に描けるのですが、精巧に描くと手描きの線のセンスやカジュアルさが失われてしまいます。これは今後の作品で改善していく必要があると思います。

「雰囲気」に合成されているため、夜の雰囲気は薄れています。夜空はウェブページの白い背景に溶け込まなければなりません。どうすれば美しく溶け込み、夜の雰囲気を演出できるでしょうか?
前のページ1 2 次のページ 全文を読む

<<:  【Webデザイン】E-WebTemplates の美しい海外の Web ページ テンプレート (FLASH+PSD ソース ファイル+HTML) を共有します

>>:  小さな画像をクリックしたときに更新せずに大きな画像コードが表示されるようにLightboxを実現するためにCSSを使用する

推薦する

Centos 7.4 でリモート アクセス制御を実装する方法

1. SSHリモート管理SSH はセキュア チャネル プロトコルであり、主にリモート ログイン、リモ...

Linux システムが VMware にインストールされているかどうかを確認する方法

現在の Linux システムが VMware にインストールされているかどうかを確認する方法を教えて...

Vueはコンピュータカメラを呼び出して写真機能を実現します

この記事の例では、コンピュータカメラを呼び出して写真機能を実現するためのvueの具体的なコードを参考...

Vue3+TypeScriptはaxiosをカプセル化し、リクエスト呼び出しを実装します

まさか、2021年になってもTypeScriptについて聞いたことがない人がいるなんて?プロジェクト...

HTML における DOM 要素のスクロールバースクロール制御の詳細な説明

dom要素に新しい子要素を追加し、新しく追加された新しい要素がコンテナーのスコープを超えた場合は、次...

MySQL 5.7.13 winx64 のインストールと設定方法のグラフィック チュートリアル (win10)

この記事では、参考までにMySQL 5.7.13 winx64のインストールと設定方法のグラフィック...

Vueのミックスインと継承について詳しく説明します

目次序文ミキシンMixin ノート (重複名)ローカルミックスイングローバル ミックスイン継承するミ...

シンプルなドラッグ効果を実現するJavaScript

この記事では、ドラッグ効果を実現するためのJavaScriptの具体的なコードを参考までに紹介します...

VueでJSXを使用する方法

JSXとは何かJSX は Javascript の構文拡張であり、JSX = Javascript ...

CSS3 を使用して 3D テキスト ホバー効果を実装するサンプル コード

この記事では、3D テキストのホバー変更効果を実現するための CSS3 のサンプル コードを紹介しま...

MySQL マルチテーブルクエリの詳細な説明

よく食べて十分に休息を取るというのは簡単なことのように思えますが、実際に実行するのはそれほど簡単では...

URL を入力すると、バックグラウンドでは具体的に何が起こるのでしょうか?

ソフトウェア開発者は、ネットワーク アプリケーションがどのように動作するかを階層的に完全に理解してい...

画像をMySQLデータベースに保存し、フロントエンドページに表示するための実装コード

目次1. まず、pycharmを使用してDjangoプロジェクトを作成し、関連する環境を設定します。...

CSS3 背景コントロールプロパティと色遷移を使用してグラデーション効果を実現します。

CSS3 背景画像関連互換性: IE9+背景クリップ 背景画像描画領域background-cli...

シンプルなCSSアニメーションのtransition属性の詳しい説明

1. 遷移属性の理解1. transition 属性は、次の 4 つの遷移プロパティを設定するために...