How to design icons in Figma
An in-depth guide to icon creationDesign should be democratic, that's why our team refuses to hide the process behind our art. So here we are, ready to reveal all our tricks in what has become by its own merits a great home for any icon designer: Figma. What you need to know before designingWe want to make sure that this article is interesting for those who are already familiar with the icon desig
【作例付き】WebデザインにおけるAdobe After Effects活用法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今回は後編ということで、モーションデザインの作り方を実例を元に紹介していきたいと思います。実際のサイトに使うには色々足らないですが、After Effectsで制作する際のテクニックを交えて解説していきます。 この記事はこんな方におすすめです モーションデザインに興味がある Webサイトのアニメーションを自分で作ってみたいデザイナー After Effectsを触ってみたい また、制作にあたってこちらのサイトを参考にさせていただいております。様々なモーションの作例を周期表に見立てて紹介していて、ダウンロードもできるためどのように制作すれば良いかも見れるようになっています。 画像引用元：モーション周期表 Webデザインでモーションデザインを利用する機会 デザイナーがモーションデザインをWebデザインに取り入れる機会としては以下があるかなと思います。 デザインの提案 エンジニアとの共有 動画ま
無料でネットショップを開設＆売るために大事な口コミをレビュー特典をつけてどんどん集めることが可能な「イージーマイショップ」レビュー
モノを売ろうとした時の選択肢としてはAmazonや楽天がありますが、これらのプラットフォームはデザインなどの融通が効かず、ショップの個性を消して価格競争を強いる傾向にあります。ただ単に価格の安さで勝負するのではなく、しっかりとショップの個性やイメージを押し出していきたい……という時の選択肢となるのが「イージーマイショップ」です。イージーマイショップは無料で簡単にショップ開設でき、専門知識ゼロでもデザインをカスタマイズ可能。また「口コミ投稿でクーポン付与」といった機能で、販売業者がお金を払ってでも投稿してもらいたい口コミを集め、製品を売るための推進力をどんどん得ることができるとのことなので、実際に使ってみました。 セット販売やオーダーメイド商品に強いネットショップ構築|イージーマイショップ https://easy-myshop.jp/ ◆1：無料版イージーマイショップで作成できるオンライン
提案が苦手なデザイナーへ！相手に刺さる提案書の作成術！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのナガレダです。Web制作の方に移動してはや5ヶ月。 ありがたいことに、あるWebサイトの案件でロゴからサイトのデザインまで携わらさせていただき、いろいろ学ぶことがありました。 そして、学んだことの一つがお客様への提案です！ もちろんデザイナーにとってデザインする技術はめちゃくちゃ大事ですが、手掛けたデザインを言語化して伝えることも同じくらい大事だったりします。そしてそれがめっちゃ難しい……。 自分のデザインをうまく言語化して説明できないとせっかく作ったデザインの意図が伝わらず通らないことも……。 また毎回毎回同じように提案するのではなく、サービス名を決めたい場合やロゴデザインを提案する場合、Webサイトの全体の方向性やデザインを提案する場合など、それぞれのフェーズによってプレゼンの仕方を変えたり、資料の作り方を変えることも必要なのだと実感しました。 ご提案方法や資料
現役デザイナー直伝、セクシーなWebグラデーションを作成するヒントと秘訣
グラデーションは、もはやレトロ系の90年代トレンドというわけでなく、あらゆるウェブのUIデザインで人気となっています。 背景デザインやボタン、トグル、カード、さらには影シャドウなどあらゆる要素に採用されており、多くのウェブサイトやDribbble、Behanceなどでもよく見かけます。 グラデーションとは、ナチュラルで調和のとれた美しいなめらかな色の変化のことで、さまざまな使い方があります。 繊細で控えめな色の組み合わせから、ダイナミックでポップな色使いまで、多様性があるため、デザインやブランドの雰囲気を伝えるのにも、グラデーションは使用できます。 この記事では、現役デザイナーが実践しているグラデーションをより魅力的にするヒントと秘訣をご紹介します。 適切なインスピレーションを見つけよう まず、グラデーションの参考となるインスピレーションを探してみましょう。 グラデーションの最高のインスピ
デザイン経験不要！無料でデザインを作成できるDIYオンラインツール10個まとめ
できるだけ予算をかけずに、無料で高品質なデザインを簡単DIYできる方法をお探しですか。 この記事では、デザインの経験がなくても手軽にデザインを作成できる無料DIYオンラインツール10個をまとめてご紹介します。 InstagramやTwitterなどのSNS向け画像やYouTubeのサムネイルの他にも、はがきや封筒、雑誌やポスター、プレゼンテーション資料といった、幅広いジャンルのおしゃれなデザインを誰でも簡単に作成できます。 ドラッグ＆ドロップで利用できるテンプレートが豊富に揃っているので、デザインの知識や経験がなくても安心です。 コンテンツ目次 1. Canva 2. Adobe Spark 3. Crello 4. BeFunky 5. Easil 6. Stencil 7. Desygner 8. Piktochart 9. Pablo 10. Snappa デザイン知識不要！無料でデ
Webフロントエンドエンジニアにやさしいデザインファイルの作り方 - Qiita
Sketch - The digital design toolkit 画像はSketch最高っていう顔です。 HTMLやCSSを書くWebフロントエンドエンジニアにとって、Webデザイナーが用意した理想像を現実に落とし込むことは1つの使命であり、費用対効果への葛藤に揺れる中で「技術的に難しいから」という理由でデザインを却下したくないのは誰しも同じだと思います。一方で、技術的に難しくなくとも、デザインファイルの作り方次第ではエンジニアの実装効率も多少なりとも変わってきます。そこで、僕のデザイナー及びエンジニアとしての経験則から、HTML/CSSで実装しやすい（≒Webフロントエンドエンジニアにやさしい）デザインファイルの作り方を、Sketchでの用例も挙げつつまとめてみます。近年はFigmaが注目されつつありますが、基本的な話は共通すると思います。 本来ならばデザイナーにこそ読んでいただき
[Webデザイナーさんへ] そのデザインがコーディングしにくい理由と、改善ポイント詳説 | 東京のホームページ制作 / WEB制作会社 BRISK
[Webデザイナーさんへ] そのデザインがコーディングしにくい理由と、改善ポイント詳説 更新日：2024/05/24 Webデザイナーにとって、自分のデザインがコーディングしやすいのかどうかは意外と気になるもの。 コーダー側は受け取ったデザインを粛々とコーディングするだけなので、あまり「こうしてほしい」と声を上げることはありませんが、デザイナーの観点だけでは気付きにくい問題が埋もれてしまっているかもしれません。 ということで今回は、日々のコーディング作業で気になった覚えのあることをどどんとまとめてみました。 このデザインだとどんな風に困ってしまうのか、そしてどう変えれば改善できるのか、なるべく具体例を挙げて説明していきます。 どのデザインツールでも共通の内容が多いと思いますが、基本的にはPhotoshopでの作業を想定しています。 常識的な内容も多いので、そのレベルは当然できてますという方
![[Webデザイナーさんへ] そのデザインがコーディングしにくい理由と、改善ポイント詳説 | 東京のホームページ制作 / WEB制作会社 BRISK](https://cdn-ak-scissors.b.st-hatena.com/image/square/61015d8f4b04fb0dced52a6a21c4bd7213a4ba99/height=288;version=1;width=512/https%3A%2F%2Fb-risk.jp%2Fwp%2Fwp-content%2Fuploads%2F2019%2F12%2Fcode-friendly-kv2-1.png)
思いつき20秒でロゴ作成。Shopifyの無料ロゴ作成アプリ｢Hatchful｣が便利だった話
いかにも英語圏っぽいアプリだが、ちゃんと日本語入力にも対応している。表示そのものは英語だが、迷うところはほぼない。 撮影：伊藤有 起業、新規事業、副業（複業）——。 働き方や稼ぎ方、生き方が一様でなくなってくる時代だからこそ、所属する起業以外の名刺やロゴが必要な機会は増えている。 プロトタイピング的に新しいサービスをつくってみた、なんてときにも｢ロゴ｣があるとサービスのリアリティが増すし、Twitterやインスタグラム用のネタアイコンを作りたい、といった用途もある。 カナダのECプラットフォーム大手・Shopifyが提供する無料のロゴ作成ツール｢Logo Maker | Hatchful｣は、カンタンにロゴが半自動生成できて、カスタマイズもできるツールという点でかなり｢使える｣サービスだ。 ■iOS版のダウンロードはこちらから ■Android版のダウンロードはこちらから Hatchful
ユーザー登録不要、クレジット不要、完全無料でロゴを作成、ダウンロードして商用利用もできるロゴ作成Webアプリ・「Namecheap Logo Maker」 - かちびと.net
Namecheap Logo Makerはブラウザでロゴを自動生成してくれるWebアプリです。 星の数ほど同じ用途のツールはありますが、本アプリが違う点はユーザー登録不要、クレジットも不要、完全無料で利用可能で、DLしたロゴに広告表示なども無く、商用利用可能である所です。勿論クレジットカードの登録などもありません。 今までは作成してもDLする前に何かしら条件がありましたが、こちらはまったく求められません。 使い方 ↑ 適当に作ってみました。DLしたzipの中には3つのpngファイルと7種のSVGの他、フォントは何を利用したか等の資料ファイルが同梱されています。 任意の名前（企業名やサービス名）、業種、気に入ったフォントやアイコンを複数選択、スローガンや好みのカラーを設定すると自動でロゴを作成してくれます。 気に入ったロゴを選んでダウンロードすればOK。DL前にWebサイトや名刺、Tシャツな
便利なのが登場！UIのデザイン、プロトタイプ、アニメーションがコードなしで、手軽に作成できるツール -Drama
すごいツールが登場しました！ コードは一切必要とせず、スマホアプリのデザイン、プロトタイプ、アニメーションが手軽に作成できるmacOS用のアプリを紹介します。 実際に試してみたところ、操作は非常に簡単で、動作も快適、さまざまなスマホアプリの構築に役立つと思います。 Drama Dramaの特徴 Dramaのダウンロード Dramaの使い方 Dramaの特徴 DramaはPaintCodeのクリエイターによる、デザイン、プロトタイプ、アニメーションがオールインワンになったmacOS用のアプリです。先月リリースされたばかりで、現在はベータ版として提供されており、無料で利用できます。 Dramaのキャプチャ ユーザーインターフェイスを描画 コードは一切不要、プロトタイプの視覚的な状態をシーンに描きます。 インタラクティブなプロトタイプを作成 各シーンをトランジションに繋げるだけで、インタラクティ
デザイン提案資料をつくるときに大切にしている5つのこと | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
おつかれさまです。デザイナーのみやです。 LIGの場合、クライアントに対するデザインの提案は基本的にデザイナーが直接おこないます。そこで重要になってくるのが提案のための資料です。 何を書けばいいの？ という方やどうやって構成したらいいの？ という方向けに、今回デザインの提案資料をつくるときに大切にしている5つのことをまとめました。 ポイント1 何を決めたい提案なのかを明確にする 原則として、1回の提案では1つのことを決めるようにしています。 人間は一度に複数の情報をインプットできません。受け取る情報が多ければ多いほど、何かしらの抜けが出てくるものです。また、疲れると判断力が鈍るため、あまり良い提案の場にはなりません。 資料では、「この資料では何を決めたいのか」を明言するようにしています。 はじめに何を決めたいのか言及しておくことで、「○○を見て□□を判断すれば良いのだな」と認識させることが
コーディング作業はもう一切不要！2.0でものすごい進化を遂げた、国産の無料デザインツール -STUDIO 2.0
去年当ブログで紹介した際にも評判が高かったSTUDIOが、満を持して2.0にアップデートされました！ STUDIOはコーディング作業は一切不要で、Webサイトやスマホアプリのデザインを積み木感覚で楽しくデザインできるツールで、無料で始めることができます。 STUDIO STUDIOの特徴 STUDIOの使い方 STUDIOの特徴 STUDIOは無料で利用できる国内産のデザインツールで、Webサイトやスマホアプリのモックアップ作成から、デザイン、さまざまな実機でのプレビュー、公開、そして運用や解析まで、それぞれの専門知識に詳しくなくても簡単にできます。
デザイナーおじさんが女子力高めのデザインをするための10のアプローチ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
おつかれさまです。おじさんデザイナーのみやです。 デザイナーという仕事柄、女性向けのデザインをすることがあります。 駆け出しデザイナーのときはどうすればよいのかがまったくわからず、先輩の女性デザイナーから「女子力が足りないッ！」とよく言われていました。 そこから案件をこなしていく中で、なんとなくのアプローチ方法がまとまってきたので、いくつか紹介したいと思います。 女性向けデザインを考えるにあたって 主なインプットは雑誌です。 女性向けデザインはターゲットの年齢層によって結構変わります。雑誌自体もターゲットの年齢層は絞られているので、参考にするときはその年代の女性が読むであろう雑誌を参考にするようにしてください。 年代別の雑誌タイトルをまとめてみましたので参考までに。 年代別の雑誌タイトル 10代向け雑誌 『Seventeen（セブンティーン）』 『Popteen（ポップティーン）』 『ni
総合求人サイト【e-aidem(イーアイデム)】
イーアイデムではCookieが無効の場合、すべての機能がご利用いただけなかったり表示が正常にされない場合がありますので、Cookieを有効にしてご利用ください。 Cookieを有効にする方法は、お使いのブラウザのヘルプや当サイトのヘルプをご参照ください。 【アルバイト/バイト/パート/派遣の求人情報を探す】 人気のエリアからアルバイト/バイトを探す おしゃれカフェや人気のショップetc.「バイトはやっぱり人気エリアで」というアナタに。 渋谷区| 新宿区| 池袋駅| 八王子市| 吉祥寺駅| 横浜市| 川崎市| 相模原市| 厚木市| 大宮区| さいたま市| 千葉市| 高崎市| 前橋市| 伊勢崎市| 宇都宮市| 小山市| 大田原市| 静岡市| 浜松市| 名古屋市| 沼津市| 三島市| 富士市| 大阪市| 堺市| 天王寺区| 梅田駅| 三ノ宮駅| 難波駅| 京都市| 姫路市| 神戸市| 京都河原町
New Free Text Effect Photoshop Tutorials (30 Tuts) Graphic Design Junction
Free text effect tutorials to learn how to create 2D, 3D, Retro & Vintage and 80’s text effects in Illustrator and Photoshop tutorials. Tutorials are perfect for beginners and advance graphic designers. There are amazing text effect tutorials to create posters, flyers, calendar and giving your typography or lettering a fresh touch with traditional and digital media, mixing patterns and textures to
会社ロゴマーク デザインアーカイブ
お客様より図案を1点お送りいただき、それをベースに2案のロゴマークを制作・提案いたします。お客様との”共同制作”とすることで、低価格での制作が可能となっております。提案する2つのロゴマークは、お客様のブランドや企業イメージに合わせて作成いたします。 お問い合わせフォームへ ロゴデザインならお任せください 新たにビジネスを立ち上げる、イベントをスタートする、起業や新商品の開発を行うなど…様々なシーンでロゴが必要とされています。会社を作れば企業ロゴやブランドロゴが、イベントやカンファレンスを行えばイベントロゴが、飲食店やサービスを展開すればサービスロゴが求められます。当サービスでは、スモールビジネスやスタートアップでも利用しやすいリーズナブルなデザインプランを用意しています。プランによっては、フルオーダーでこだわりのロゴ制作を行うことも可能です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Neumorphism（ニューモーフィズム）のCSSはこれで簡単！スタイルシートを生成できるジェネレーター
The Blog | Welcome to Adobe Blog
The Blog | Welcome to Adobe Blog